Jquery将表单序列化为Json对象{xx:'xx'} 和{'xx':'xx'}都支持

废话不多说form表单转json的两种方法,绝对能满足你们的要求,像{"xx":"xx"}这种网上真是太多了,可是发现好多人都是需要{xx:“xx”}这种。找了好半天终于找到了,现在把两种方法都记下来,希望能帮助更多的人。


$(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;
     };
}

使用方法:$("#roleuserform").serializeJson()

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

原文地址:http://www.tashan10.com/jquery-jiang-biao-dan-xu-lie-hua-wei-jsondui-xiang/




原文地址:https://segmentfault.com/a/1190000000473625
$.fn.serializeObject = function()
{
    var o = {};
    var a = this.serializeArray();
    $.each(a, function() {
        if (o[this.name] !== undefined) {
            if (!o[this.name].push) {
                o[this.name] = [o[this.name]];
            }
            o[this.name].push(this.value || '');
        } else {
            o[this.name] = this.value || '';
        }
    });
    return o;
};
使用方法 JSON.stringify($("#form").serializeObject()); 就可以得到Json内容。
效果 {"age": "aa","a":"b"}
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值