html table表数据转Json格式
2015-06-12 14:28
651 查看
转自:http://www.ynpxrz.com/n689242c2022.aspx
<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>
<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>
相关文章推荐
- 【原生js】js面向对象三大特征之封装笔记
- 学习Javascript闭包(Closure)
- 什么是JavaScript?
- Javascript类型转换表
- JavaScript开发的45个经典技巧
- Javascript学习总结-技巧、实用函数、简介方法、编程细
- 跳转时让JSON请求并刷新
- JavaScript-demo
- JSF 2.0 Facelets 的模板技术
- bzoj 1015: [JSOI2008]星球大战starwar 并查集
- JSON小结
- 让JavaScript在Visual Studio 2015中编辑得更容易
- extjs3.4-moneyfield.js改写
- 坑人的 Javascript 模块化编程 sea.js
- 坑人的 Javascript 模块化编程 require.js
- 关于extjs5.0下的mixins
- JavaScript学习总结-技巧、实用函数、简洁方法、编程细节
- JS 内部传参
- 用JS写一个极简的番茄钟
- js数组的操作