html json字符串拼接,jquery拼接ajax 的json和字符串拼接的方法

整理文档，搜刮出一个jquery拼接ajax 的json和字符串拼接的代码，稍微整理精简一下做下分享。

jQuery拼接字符串ajax

(function($){

$.fn.serializeJson=function(){

var serializeObj={};

$(this.serializeArray()).each(function(){

serializeObj[this.name]=this.value;

});

return serializeObj;

};

$('#myForm').bind('submit',function(e){

console.log($(this).serializeJson())

})

})(jQuery)

或者直接用$(“#表单id”).serialize()直接序列化。。。

上面的插件，不能适用于有多个值的输入控件，例如复选框、多选的select。下面，我将插件做进一步的修改，让其支持多选。代码如下：

Js代码

(function($){

$.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;

};

})(jQuery);

这里，我将多选的值封装为一个数值来进行处理。如果大家使用的时候需要将多选的值封装为“,”连接的字符串或者其他形式，请自行修改相应代码。

测试如下：

表单：

Html代码

interest1

interest2

interest3

interest4

I have a bike

I have a car

测试结果：

{age: “aa”,interest: ["interest2", "interest4"],name: “dd”,vehicle:["Bike","Car"]}

tijiao