向后台传输json对象数组

最新推荐文章于 2024-07-16 18:06:27 发布

cindysaj

最新推荐文章于 2024-07-16 18:06:27 发布

阅读量440

点赞数

分类专栏： javascript 文章标签： json

javascript 专栏收录该内容

35 篇文章

订阅专栏

本文介绍了一种将HTML表格中的数据转换为JSON格式的方法。通过JavaScript实现，该方法可以遍历表格每一行，并将每行的数据封装成JSON对象，最终形成一个包含所有行数据的JSON数组。此技术适用于需要将网页上的表格数据进行结构化处理并用于进一步处理或传输的场景。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1function setJson1() {
var tbl = document.getElementById("tbl");
var jsonArr = new Array();
for(var i=0; i < tbl.rows.length; i++) {
var jsonobj = {};
//jsonobj.powCd = tbl.rows[i].cells[0].firstChild.value;
//jsonobj.powName = tbl.rows[i].cells[1].innerHTML;
//jsonobj.startDate= tbl.rows[i].cells[2].innerHTML;
//jsonobj.endDate = tbl.rows[i].cells[3].innerHTML;
jsonobj["powCd"] = tbl.rows[i].cells[0].firstChild.value;
jsonobj["powName"] = tbl.rows[i].cells[1].innerHTML;
jsonobj["startDate"]= tbl.rows[i].cells[2].innerHTML;
jsonobj["endDate"] = tbl.rows[i].cells[3].innerHTML;
//alert(tbl.rows[i].cells[0].firstChild.value);
//alert(tbl.rows[i].cells[1].innerHTML);
//alert(tbl.rows[i].cells[2].innerHTML);
//alert(tbl.rows[i].cells[3].innerHTML);
jsonArr.push(jsonobj);
}
alert(jsonArr.length);
for(var i=0; i < jsonArr.length; i++) {
alert(jsonArr[i]["powCd"]);
alert(jsonArr[i]["powName"]);
}
}

2function setJson2() {
var tbl = document.getElementById("tbl");

for(var i=0; i < tbl.rows.length; i++) {
var jsonobj = {};

jsonobj["powCd"] = tbl.rows[i].cells[0].firstChild.value;
jsonobj["powName"] = tbl.rows[i].cells[1].innerHTML;
jsonobj["startDate"]= tbl.rows[i].cells[2].innerHTML;
jsonobj["endDate"] = tbl.rows[i].cells[3].innerHTML;

var e = document.createElement("input");
e.type = "hidden";
e.name = "power";
e.value="jsonobj";
//document.getElementById("aa").appendChild(e); //ok
document.all.myform.appendChild(e);
}
}

<body onload = "loadSel()" id="aa">
<form name="myform">
<table id="tbl">
<tr id="tr1"><td><input type="checkbox" value="1"/></td><td>a2</td><td>a3</td><td>a4</td></tr>
<tr id="tr2"><td><input type="checkbox" value="2"/></td><td>a2</td><td>a3</td><td>a4</td></tr>
<tr id="tr3"><td><input type="checkbox" value="3"/></td><td>a2</td><td>a3</td><td>a4</td></tr>
<tr id="tr4"><td><input type="checkbox" value="4"/></td><td>a2</td><td>a3</td><td>a4</td></tr>
</table>
<input type="button" id="tb" value="setJson from table" onclick="setJson()"/>
</form>
</body>