多表关联前端生成json传值给后台（类似树形结构）

来源：互联网发布：会声会影软件手机版编辑：程序博客网时间：2024/05/06 17:17

首先我这个功能实现的是多层级关系，相当于三表关联，输入第一张信息点击下一步，出现第二张表和第二张表的所属关系（表三）。可以增加多个二级表，同时增加二级表的同时对应增加第三张表，和树形结构图有点像，在这里展示页面关系

关系就是这种，以此类推。这种表单提交，找不到所属子模块元素，所以我用ajax提交。

//表二与标三关联数组var arrayObj = {};var Obj1 = $('.box-default:eq(0)').find('input');for (var i = 0; i < Obj1.length; i++) {    arrayObj[Obj1[i]['name']] = Obj1[i].value;}var json_one = JSON.stringify(arrayObj);var arr = {};$('#numberOne tr').each(function (c, d) {    var arr1 = {};    var Obj3 = $('#detail').find('div.colpalsy').eq(c).find('tbody tr');    $(d).find('input:text').each(function (e, f) {        arr1[f.name] = $(f).val();        var arr2 = {};        Obj3.each(function (m, n) {            var arr3 = {};            $(n).find('input:text').each(function (o, p) {                arr3[p.name] = $(p).val();            });            arr2[m] = arr3;            //arr1[m] = [arr2];        });        arr1['child'] = arr2;    });    arr[c] = arr1;});var json = JSON.stringify(arr);console.log(json);

至于循环的元素是页面上获取input上级的元素，在不同的项目中是不一样的，传值的时候把json传给后台for循环就行，这是生成的标准的json。可以无限极添加

阅读全文

0 0