Jquery如何序列化form表单数据为JSON对象
程序员文章站
2022-06-05 08:37:50
jquery提供的serialize方法能够实现。 ......
jquery提供的serialize方法能够实现。
$("#searchform").serialize();
但是,观察输出的信息,发现serialize()方法做的是将表单中的数据以htpp请求格式拼接成字符串。
serialize确实是能够解决一般的提交数据。但是有时我们需要的是一个object对象,而不是字符串(比如jqgrid reload时设置查询条件参数,就需要object对象)。
方法如下:
(function(window, $) { $.fn.serializejson = function() { var serializeobj = {}; var array = this.serializearray(); var str = this.serialize(); $(array).each( function() { if (serializeobj[this.name]) { if ($.isarray(serializeobj[this.name])) { serializeobj[this.name].push(this.value); } else { serializeobj[this.name] = [ serializeobj[this.name], this.value ]; } } else { serializeobj[this.name] = this.value; } }); return serializeobj; }; })(window, jquery);
调用:
console.info($("#searchform").serializejson());
上一篇: 5分钟搞定jQuery+zepto.js+面向对象插件
下一篇: golang自定义error
推荐阅读
-
jQuery序列化form表单数据为JSON对象的实现方法
-
序列化表单为json对象,datagrid带额外参提交一次查询 后台用Spring data JPA 实现带条件的分页查询 多表关联查询
-
jquery form表单序列化为对象的示例代码
-
Jquery如何序列化form表单数据为JSON对象
-
jQuery实现form表单序列化转换为json对象功能示例
-
jQuery序列化form表单数据为JSON对象的实现方法
-
jquery序列化form表单使用ajax提交后处理返回的json数据
-
序列化表单为json对象,datagrid带额外参提交一次查询 后台用Spring data JPA 实现带条件的分页查询 多表关联查询
-
jquery form表单序列化为对象的示例代码
-
Jquery 组合form元素为json格式,asp.net反序列化_jquery