javascript - 如何将表格数据封装成json对象?
阿神
阿神 2017-04-11 11:31:46
0
3
645

点击提交按钮,需要提交这个表格的数据,结构如下:

我的想法是通过 .each() 循坏来获取每行的数据,但是获取之后不知道该如何做了?

$('#elementManageTbody tr').each(function(){
    var factorVal = $(this).find('td:nth(1)').text(); // 获取要素值
    var factorValDesc = $(this).find('td:nth(2)').text(); // 获取要素值描述
});
阿神
阿神

闭关修行中......

reply all(3)
迷茫
var factorValueList = [];
$('#elementManageTbody tr').each(function(){
    var factorVal = $(this).find('td:nth(1)').text(); // 获取要素值
    var factorValDesc = $(this).find('td:nth(2)').text(); // 获取要素值描述
    
    factorValueList.push({desc: factorValDesc, value: factorVal});
});

console.log(factorValueList);
洪涛
var data = [];
$('#elementManageTbody tr').each(function(){
    var factorVal = $(this).find('td:nth(1)').text(); // 获取要素值
    var factorValDesc = $(this).find('td:nth(2)').text(); // 获取要素值描述
    data.push({"desc":factorValDesc, "factorVal":factorVal})
});

$.ajax({
    type: "POST",
    url: 'utl',
    dataType: 'json',
    async: false,
    data: JSON.stringify(data),
    success: function () {
        // 上传成功
    }
})
大家讲道理
var arr = [];
$('#elementManageTbody tr').each(function(){
    var factorVal = $(this).find('td:nth(1)').text(); // 获取要素值
    var factorValDesc = $(this).find('td:nth(2)').text(); // 获取要素值描述
    var obj = {"desc": factorValDesc, "val": factorVal};
    arr.push(obj );
});

JSON.parse(arr);//变成json数组
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template