遍历表单中的数据形成JSON格式提交到后台

第一种:

    var jsonstr="{";
            $.each($(".form-ctrl"), function(k,v) {  

      //遍历json的键值与value值,一开始遍历V是,由于V是一个对象,因此想取得遍历下节点的值需要用$(v)来把V转化为DOM形式
                var Key =$(v).find(".key").text();
                Key =Key.substring(0,Key.length-1);
                var value =$(v).find(".input").val();

      //最后拼接JSON格式
                jsonstr +='"'+Key+'":"'+value+'"'+",";                             
            });

    //此处是截取值的文本,形成最终的JSON文本
            jsonstr =jsonstr.substring(0,jsonstr.length-1);
            jsonstr +="}";

    //JSON.parse:JSON格式化数据
            var date=JSON.parse(jsonstr);
            console.log(jsonstr)

第二种:

    //compTex,fomJsons为key与value值的对象

    var JW=[],JS=[],json={};
            $.each(compTex, function(k,v) {

        //各自遍历值后存在对应的数组中
                     JW.push(v.firstChild.nodeValue);
                });
                $.each(fomJsons, function(k,v) {
                        JS.push(v["value"]);
                    });

      //循环值中的长度.并循环对应添加
                var length = JW.length;
                for(var i = 0; i < length; i++){
                    json[JW[i]] = JS[i];
                }
                console.log(json);

posted on 2016-05-25 16:00  不觉晓  阅读(570)  评论(0编辑  收藏  举报

导航