jquery 怎么把 form 表单序列化成一个对象

最新推荐文章于 2022-09-01 14:44:36 发布
转载 最新推荐文章于 2022-09-01 14:44:36 发布 · 668 阅读 · 0
文章标签：

#jquery #js

本文介绍了一个简单的JSP页面示例，该页面使用jQuery进行表单元素的值收集，并通过控制台输出这些值。示例展示了如何在JSP中引入jQuery库并利用jQuery选择器获取表单字段的内容。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>My JSP 'index.jsp' starting page</title>
    <meta http-equiv="pragma" content="no-cache">
    <meta http-equiv="cache-control" content="no-cache">
    <meta http-equiv="expires" content="0">    
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="This is my page">
    <script type="text/javascript" src="js/jquery-1.8.2.js" charset="UTF-8"></script>
    <script type="text/javascript">
        var args = {};
        function send(){
            var v = $("form").find(":input,textarea").each(function(){
                 if (this.name != "" && this.type != "button") {
                    if ($(this).val() != "") {
                        args[this.name] = $.trim($(this).val());
                    }
                 }
            });
            console.info(args);
        }
    </script>
  </head>
 
  <body>
    <form id="form1" action="">
        <table>
            <tr><td>用户名</td><td><input type="text" name="name"/></td></tr>
            <tr><td>密码</td><td><input type="password" name="pwd"></td></tr>
        </table>
    </form>
    <input type="button" value="提交" onclick="send()">
  </body>
</html>

jQuery将表单序列化成一个Object对象的实例
11-28
验证表单的时候经常需要获取表单中name=’***’的元素的值，然后加以判断。jQuery中提供了jQuery.serizlizeArray来将表单序列化成一个数组。尽管如此，数组还是不方便我们操作，我需要讲表单序列化成一个对象。这样更方便于我们操作。   下面是代码： /** * @author gaohuia */ (function($){ $.fn.extend({ serializeObject:function(){ if(this.length>1){ return false; } var arr=thi
jQuery实现form表单序列化转换为json对象功能示例
12-01
// 表单序列化 $("#result").html(JSON.stringify(post_data)); // 将结果转换为字符串并显示 }); }); ``` 在这个示例中，当用户点击“发送”按钮后，`$("#post_form").serializeJson()`会返回一个JSON对象，该...
jquery form 序列化
xiaomin1991222的专栏
01-13 217
小朋友有一个表单，他想以Json的方式获取到表单的内容。小朋友尝试了以下方式。   通过$("#form").serialize()可以获取到序列化的表单值字符串。   a=1&amp;b=2&amp;c=3&amp;d=4&amp;e=5 通过$("#form").serializeArray()输出以数组形式序列化表单值。   [    {name: 'firstname',...
JQuery 自定义的工具函数，将Form表单中的表单项转成Json对象。
houyanhua1的专栏
09-11 333
  demo.js： //将form表单中的表单项转成Json对象。 基于JQuery。 $.fn.serializeJson=function(){ var serializeObj={}; var array=this.serializeArray(); //this就是函数的调用者,其实就是form表单对象。 $(array).each(functio...
jquery form表单序列化为对象
无名程序员
03-04 1444
$.fn.serializeObject = function() { var o = {}; var a = this.serializeArray(); $.each(a, function() { if (o[this.name]) { if (!o[this.name].push) { o[th
jquery中form的序列化
每天都是人生巅峰
10-30 798
jquery可以对form进行数据的收集，然后序列化，它的ajax的data也被默认使用了序列化。 它使用的序列化是 url-encode的格式，看起来是 a=1&b=2 它提供三个函数： param: 序列化函数,URI-encode 序列化form有两个： serialize: param( serializeArray() ) serializeArray:负责收集form的数据，...
jQuery序列化form表单数据为JSON对象的实现方法
12-10
但是有时我们需要的是一个object对象，而不是字符串（比如jqgrid reload时设置查询条件参数，就需要object对象）。 方法如下： (function(window, $) { $.fn.serializeJson = function() { var serializeObj = {...
jQuery实现form表单元素序列化为json对象的方法
11-23
`serializeArray()`返回的数组中，每个元素都是一个对象，包含`name`和`value`属性。 接下来，我们将创建一个空对象`o`来存储序列化的JSON数据： ```javascript var o = {}; ``` 然后，我们使用`jQuery.each()`...
form表单转实体对象(遍历法)
weixin_30764771的博客
05-09 359
var dataArr = $("#form").serializeArray();var sendData = {};$.each(dataArr, function (i, o) { sendData[o.name] = o.value;}); 转载于:https://www.cnblogs.com/nankec/p/10838994.html
jquery 将form中的元素序列化成对象；序列化对象填充到指定input
zxstone的专栏
01-14 6844
这是一正一反的两种方法，在行编辑的情况下，非常实用。 表单到对象时，设置其Name与之匹配； 对象到表单时，设置input的ID与返回的序列化后的对象名匹配。 正推， 表单到对象： sy.serializeObject = function(form) { var o = {}; $.each(form.serializeArray(), function(index) {
将form表单中的元素转换成对象的方法适用表单提交
09-04
主要介绍了如何将form表单中的元素转换成对象,需要的朋友可以参考下
jquery将一个表单序列化为一个对象的方法
12-10
代码如下: var aa=function(form){ var o={}; $.each(form.serializeArray(),function(index){ if(o[this[‘name’]]){ o[this[‘name’]] = o[this[‘name’]]+”,”+this[‘value’]; }else{ o[this[‘name’]] = this[‘value’]; } }); return o; } 只要传递一个form对象进去就可以.经过方法处理就可以返回一个对象.例如console.info(aa($(“#myForm”)));可以把这个在火狐浏览器里面试试效
jquery序列化表单 将form表单转换成对象serializeArray()和转换成字符串serialize()
现在学习也不晚
10-16 4043
serialize()定义和用法serialize() 方法通过序列化表单值，创建 URL 编码文本字符串。 您可以选择一个或多个表单元素（比如 input 及/或 文本框），或者 form 元素本身。 序列化的值可在生成 AJAX 请求时用于 URL 查询字符串中。 ps：最好的理解方式就是将form表单中的每一项都转换成get请求的字符串形式语法$(selector).serialize(
表单序列化为对象
z19799100的博客
09-07 184
var o = {};//定义一个空的Js对象 $.each(form.serializeArray(), function (intdex) {//将一个表单元素序列化成Json对象数组，并遍历这个对象数组 if (o[this['name']]) {//如果对象数组中有键为name的元素，给这个元素追加一个值 o[this['name']] = o[this['nam...
jquery表单实现表单序列化
疯狂的芒果
01-22 846
jquery表单序列化，数据格式转成json格式;用的时候直接$('#FormId').serializeJson();便可. 代码如下:  //jquery插件把表单序列化成json格式的数据start (function($){ $.fn.serializeJson=function(){ var serializeObj={};
form表单序列化
常威打来福
03-10 3873
Form表单序列化前台 $(function(){ $("#mybtn3").click(function(){ varstr=$("#fm").serialize();//form表单序列化，自动拼接input中的值，name=zs&amp;id=1001 $.ajax({ url:'json3', ...
jquery序列化表单
有花堪折直须折，莫待无花空折枝。
03-01 647
譬如提交一个登陆的from表单： jsp中用到了两个属性：表单的id（用于定位）、input的name（用于获取输入框里的值） $("#form").serialize()这个就是表单序列化的代码。 ajax提交，咱们看看控制台： 接收到了，咱们在看看后台： 很棒，js代码很简约，简化了通过id定位取值的步骤。 ...
JQuery获取form表单中所有值
m0_48396761的博客
10-12 4058
把form表单的值序列化成一个Json对象，如{username：admin，password：123} var params = $('#searchForm').serializeObject(); 把form表单的值序列化成一个字符串，如username=admin&password=admin\ var params = $('#searchForm').serialize(); 将字符串转换为Json对象 JSON.parse(str); ...
将form表单数据封装为一个对象
祁梦@
09-01 760
form表单数据封装为对象
jQuery实现的form序列化与反序列化处理
"jQuery插件实现的form表单序列化与反序列化，支持easyui combobox，可扩展其他类型" 在Web开发中，表单数据的序列化与反序列化是一个常见的需求，尤其是在进行Ajax提交或者保存表单状态时。jQuery提供了一种简单的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值