您的位置:首页 > Web前端 > JavaScript

关于表单提交数据转Json

2016-04-08 11:55 375 查看
在表单提交数据时,我们会用到
$("form").serialize()

但是这里获取到的值是以字符串拼接的,可以通过自定义一个方法将获取的值转为Json格式

简单版,不支持多选

(function($){
$.fn.serializeJson=function(){
var serializeObj={};
$(this.serializeArray()).each(function(){
serializeObj[this.name]=this.value;
});
return serializeObj;
};
})(jQuery);


升级版,支持多选

(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);


下面通过$("form").serializeJson()来获取表单的值就是json格式了
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: