如何通过js获取当前页面的数据并组合成json字符串
现在有一个html页面，是一张table，可不可以通过js获取table内td的值，并拼接成json字符串？...
现在有一个html 页面，是一张 table，可不可以通过js获取table内td的值，并拼接成json字符串？
展开
2个回答
展开全部
感觉还是有点复杂，可用。可加双引号。
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script src="jquery-2.0.2.min.js"></script>
<title>无标题文档</title>
<script language="javascript" type="text/javascript">
window.onload = function(){
//tabToJSON("tab");
tabToJSONForJquery("tab");
};
function tabToJSON(id) {
var trs = document.getElementById(id).getElementsByTagName("tr");//获得tr数组
var titles = trs[0].getElementsByTagName("td"); //获得表头td数组
var json = "";
for(var i = 1; i < trs.length; i++) {
var tds = trs[i].getElementsByTagName("td");
json += "{";
//拼装json
for(var j = 0; j < tds.length; j++)
json += titles[j].innerHTML + ":" + tds[j].innerHTML + ",";
json = json.substring(0, json.length - 1) + "},";
}
json = "[" + json.substring(0, json.length - 1) + "]";
document.getElementById("test").innerHTML = json;
}
function tabToJSONForJquery(id) {
var titles = $("#" + id).find("tr:first td"); //获得表头td数组
//遍历非表头的，tr、td...拼装json
var json = "[" + $("#" + id).find("tr:not(:first)").map(function(i, e) {
return "{" + $(e).children("td").map(function(j, el) {
return $(titles[j]).html() + ":" + $(el).html();
}).get().join(",") + "}";
}).get().join(",") + "]" ;
$("#test").html(json);
}
</script>
</head>
<body>
<table id="tab">
<tr>
<td>test1</td>
<td>test2</td>
<td>test3</td>
</tr>
<tr>
<td>val1</td>
<td>val2</td>
<td>val3</td>
</tr>
<tr>
<td>val11</td>
<td>val22</td>
<td>val33</td>
</tr>
</table>
<div id="test"></div>
</body>
</html>
重新放下JS，好难看
function tabToJSON(id) {
var trs = document.getElementById(id).getElementsByTagName("tr");//获得tr数组
var titles = trs[0].getElementsByTagName("td"); //获得表头td数组
var json = "";
for(var i = 1; i < trs.length; i++) {
var tds = trs[i].getElementsByTagName("td");
json += "{";
//拼装json
for(var j = 0; j < tds.length; j++)
json += titles[j].innerHTML + ":" + tds[j].innerHTML + ",";
json = json.substring(0, json.length - 1) + "},";
}
json = "[" + json.substring(0, json.length - 1) + "]";
document.getElementById("test").innerHTML = json;
}
function tabToJSONForJquery(id) {
var titles = $("#" + id).find("tr:first td"); //获得表头td数组
//遍历非表头的，tr、td...拼装json
var json = "[" + $("#" + id).find("tr:not(:first)").map(function(i, e) {
return "{" + $(e).children("td").map(function(j, el) {
return $(titles[j]).html() + ":" + $(el).html();
}).get().join(",") + "}";
}).get().join(",") + "]";
$("#test").html(json);
}
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
