前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >jQuery将form列表转JSON

jQuery将form列表转JSON

作者头像
week
发布2018-08-27 09:30:34
3.6K0
发布2018-08-27 09:30:34
举报
文章被收录于专栏:用户画像

一、form表单序列化后的格式

二、JS 函数

代码语言:javascript
复制
function filedSelectJson(){
    var a = {};
    var reserveVenueCons = $("#orderForm").serializeArray();
    var numreg = /\[[0-9]*\]\./;//正则表达式
    var index = 0;
    var attnum = 5;//list对象中有几个属性,这里有5个:reserveField.id,reserveField.name,orderPrice,startTime,endTime
    var tmp = 0 ;
    $.each(reserveVenueCons,function(n,v){
        var name = v.name;
        var names = name.split(numreg);//以 [0-9]. 为枢纽分割字符串
        if(names.length > 1){//数组属性
            if(!a[names[0]])//如果a[]没有属性names[0]
                 a[names[0]]= [];
            if(!a[names[0]][index]) //如果a[names[0]]没有属性index
                 a[names[0]][index]= {};
            a[names[0]][index][names[1]] = v.value;//设置
            tmp++;
            if((tmp)%attnum==0){
                index++;
            }
        }else{//普通属性
            a[v.name] = v.value;
        }
    });
    var rtn=JSON.stringify(a);
    return rtn;
}

三、转成json以后

代码语言:javascript
复制
"{"consDate":"2016-05-09","reserveVenue.id":"lL2ZU7tcadSMiCRxyyY","venueConsList":[{"reserveField.id":"9pkwvQImMhz9wZl4fso","reserveField.name":"网球1号场","orderPrice":"90.0","startTime":"23:30","endTime":"00:00"},{"reserveField.id":"fgR23dUaV9a5T08bfCP","reserveField.name":"网球2号场","orderPrice":"90.0","startTime":"23:30","endTime":"00:00"},{"reserveField.id":"3zr4aWm6iZ4GwSClQal","reserveField.name":"网球3号场","orderPrice":"90.0","startTime":"23:30","endTime":"00:00"},{"reserveField.id":"eXW6GxYkuzobRwb7yy6","reserveField.name":"网球4号场","orderPrice":"90.0","startTime":"23:30","endTime":"00:00"}]}"
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2016年05月18日,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档