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

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

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

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

闭关修行中......

모든 응답(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数组
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿