Home >Web Front-end >HTML Tutorial >Sample code analysis of converting html table data to Json format

Sample code analysis of converting html table data to Json format

高洛峰
高洛峰Original
2017-03-07 11:26:131487browse

This article introduces how to convert HTML table data to Json format. There is a good example below. You can refer to it. f5d188ed2c074f8b944552db028f98a1The javascript function to convert table data to Json format is as follows

The code is as follows:

<script> 
var keysArr = new Array("key0", "key1","key2"); 
function TableToJson(tableid) { //tableid是你要转化的表的表名,是一个字符串,如"example" 
var rows = document.getElementById(tableid).rows.length; //获得行数(包括thead) 
var colums = document.getElementById(tableid).rows[0].cells.length; //获得列数 
var json = "["; 
var tdValue; 
for (var i = 1; i < rows; i++) { //每行 
json += "{"; 
for (var j = 0; j < colums; j++) { 
tdName = keysArr[j]; //Json数据的键 
json += "\""; //加上一个双引号 
json += tdName; 
json += "\""; 
json += ":"; 
tdValue = document.getElementById(tableid).rows[i].cells[j].innerHTML;//Json数据的值 
if (j === 1) {//第1列是日期格式,需要按照json要求做如下添加 
tdValue = "\/Date(" + tdValue + ")\/"; 
} 
json += "\""; 
json += tdValue; 
json += "\""; 
json += ","; 
} 
json = json.substring(0, json.length - 1); 
json += "}"; 
json += ","; 
} 
json = json.substring(0, json.length - 1); 
json += "]"; 
return json; 
} 
</script>

For more html table table data to Json format sample code analysis related articles please pay attention to PHP Chinese net!

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn