2023年6月21日发(作者:)

jquery序列化form表单在开发中有时需要在js中提交form表单数据,就需要将form表单进⾏序列化。jquery提供的serialize⽅法能够实现。$("#searchForm").serialize();但是,观察输出的信息,发现serialize()⽅法做的是将表单中的数据以htpp请求格式拼接成字符串。例如以下代码:

输出结果是:id=123&cx=lklj

serialize确实是能够解决⼀般的提交数据。但是有时我们需要的是⼀个object对象,⽽不是字符串(⽐如jqgrid reload时设置查询条件参数,就需要object对象)。(function(window, $) { $.izeJson = function() { var serializeObj = {}; var array = izeArray(); var str = ize(); $(array).each( function() { if (serializeObj[]) { if ($.isArray(serializeObj[])) { serializeObj[].push(); } else { serializeObj[] = [ serializeObj[], ]; } } else { serializeObj[] = ; } }); return serializeObj; };})(window, jQuery);调⽤插件:($("#searchForm").serializeJson());输出结果:Object {id: "123", cx: "lklj"}

⽂章可能没有多深或多新颖的知识点,但都是⾃⼰亲⼿实践,记录⾃⼰感受与收获。

2023年6月21日发(作者:)

jquery序列化form表单在开发中有时需要在js中提交form表单数据,就需要将form表单进⾏序列化。jquery提供的serialize⽅法能够实现。$("#searchForm").serialize();但是,观察输出的信息,发现serialize()⽅法做的是将表单中的数据以htpp请求格式拼接成字符串。例如以下代码:

输出结果是:id=123&cx=lklj

serialize确实是能够解决⼀般的提交数据。但是有时我们需要的是⼀个object对象,⽽不是字符串(⽐如jqgrid reload时设置查询条件参数,就需要object对象)。(function(window, $) { $.izeJson = function() { var serializeObj = {}; var array = izeArray(); var str = ize(); $(array).each( function() { if (serializeObj[]) { if ($.isArray(serializeObj[])) { serializeObj[].push(); } else { serializeObj[] = [ serializeObj[], ]; } } else { serializeObj[] = ; } }); return serializeObj; };})(window, jQuery);调⽤插件:($("#searchForm").serializeJson());输出结果:Object {id: "123", cx: "lklj"}

⽂章可能没有多深或多新颖的知识点,但都是⾃⼰亲⼿实践,记录⾃⼰感受与收获。