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

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


关系就是这种,以此类推。这种表单提交,找不到所属子模块元素,所以我用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。可以无限极添加


你可能感兴趣的:(PHP)