jquery拼接ajax 的json和字符串拼接的方法
整理文档,搜刮出一个jquery拼接ajax的json和字符串拼接的代码,稍微整理精简一下做下分享。
jQuery拼接字符串ajax
或者直接用$(“#表单id”).serialize()直接序列化。。。
上面的插件,不能适用于有多个值的输入控件,例如复选框、多选的select。下面,我将插件做进一步的修改,让其支持多选。代码如下:
Js代码
(function($){ $.fn.serializeJson=function(){ varserializeObj={}; vararray=this.serializeArray(); varstr=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; } }); returnserializeObj; }; })(jQuery);
这里,我将多选的值封装为一个数值来进行处理。如果大家使用的时候需要将多选的值封装为“,”连接的字符串或者其他形式,请自行修改相应代码。
测试如下:
表单:
Html代码
interest1 interest2 interest3 interest4 Ihaveabike Ihaveacar
测试结果:
{age:“aa”,interest:["interest2","interest4"],name:“dd”,vehicle:["Bike","Car"]}
tijiao