html table表數(shù)據(jù)轉(zhuǎn)Json格式示例代碼
發(fā)布時間:2014-01-17 17:08:59 作者:佚名
我要評論

本文為大家介紹下html table表數(shù)據(jù)轉(zhuǎn)Json格式,下面有個不錯的示例,大家可以參考下
<table>表數(shù)據(jù)轉(zhuǎn) Json 格式的javascript函數(shù)如下
<script>
var keysArr = new Array("key0", "key1","key2");
function TableToJson(tableid) { //tableid是你要轉(zhuǎn)化的表的表名,是一個字符串,如"example"
var rows = document.getElementById(tableid).rows.length; //獲得行數(shù)(包括thead)
var colums = document.getElementById(tableid).rows[0].cells.length; //獲得列數(shù)
var json = "[";
var tdValue;
for (var i = 1; i < rows; i++) { //每行
json += "{";
for (var j = 0; j < colums; j++) {
tdName = keysArr[j]; //Json數(shù)據(jù)的鍵
json += "\""; //加上一個雙引號
json += tdName;
json += "\"";
json += ":";
tdValue = document.getElementById(tableid).rows[i].cells[j].innerHTML;//Json數(shù)據(jù)的值
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是你要轉(zhuǎn)化的表的表名,是一個字符串,如"example"
var rows = document.getElementById(tableid).rows.length; //獲得行數(shù)(包括thead)
var colums = document.getElementById(tableid).rows[0].cells.length; //獲得列數(shù)
var json = "[";
var tdValue;
for (var i = 1; i < rows; i++) { //每行
json += "{";
for (var j = 0; j < colums; j++) {
tdName = keysArr[j]; //Json數(shù)據(jù)的鍵
json += "\""; //加上一個雙引號
json += tdName;
json += "\"";
json += ":";
tdValue = document.getElementById(tableid).rows[i].cells[j].innerHTML;//Json數(shù)據(jù)的值
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>
相關(guān)文章
- 這是一款腳本之家翻譯自國外網(wǎng)站的可對C語言、HTML、CSS及json代碼進行格式化美化的工具,用戶只需選擇對應的代碼類型即可方便的對代碼進行格式化操作,工具下方還帶有格式2016-05-26
- 在項目中我們需要將json數(shù)據(jù)直接顯示在頁面上,但是如果直接顯示字符串很不方便查看,下面小編給大家?guī)砹薶tml中顯示JSON數(shù)據(jù)的方法,需要的的朋友參考下吧2017-05-10
Html5中l(wèi)ocalStorage存儲JSON數(shù)據(jù)并讀取JSON數(shù)據(jù)的實現(xiàn)方法
localStorage是HTML5提供的再客戶端實現(xiàn)本地存儲的一種方法,但是localStorage方法只能存儲字符串數(shù)據(jù),有時候我們需要存儲對象到本地比如:JSON;那么,localStorage怎么2017-02-13- 這篇文章主要介紹了舉例詳解HTML5中使用JSON格式提交表單,包括多重數(shù)組嵌套等方法的使用演示,需要的朋友可以參考下2015-06-16
- 這篇文章主要介紹了html格式化json的實例代碼,需要的朋友可以參考下2017-05-22