html table表數(shù)據(jù)轉(zhuǎn)Json格式示例代碼
發(fā)布時(shí)間：2014-01-17 17:08:59 作者：佚名 
我要評(píng)論
我要評(píng)論本文為大家介紹下html table表數(shù)據(jù)轉(zhuǎn)Json格式，下面有個(gè)不錯(cuò)的示例，大家可以參考下
<table>表數(shù)據(jù)轉(zhuǎn) Json 格式的javascript函數(shù)如下
<script>
var keysArr = new Array("key0", "key1","key2");
function TableToJson(tableid) { //tableid是你要轉(zhuǎn)化的表的表名，是一個(gè)字符串，如"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 += "\""; //加上一個(gè)雙引號(hào)
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>
復(fù)制代碼
代碼如下:<script>
var keysArr = new Array("key0", "key1","key2");
function TableToJson(tableid) { //tableid是你要轉(zhuǎn)化的表的表名，是一個(gè)字符串，如"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 += "\""; //加上一個(gè)雙引號(hào)
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)文章
C語言風(fēng)格/HTML/CSS/json代碼格式化美化工具
這是一款腳本之家翻譯自國外網(wǎng)站的可對(duì)C語言、HTML、CSS及json代碼進(jìn)行格式化美化的工具，用戶只需選擇對(duì)應(yīng)的代碼類型即可方便的對(duì)代碼進(jìn)行格式化操作，工具下方還帶有格式2016-05-26- 在項(xiàng)目中我們需要將json數(shù)據(jù)直接顯示在頁面上，但是如果直接顯示字符串很不方便查看，下面小編給大家?guī)砹薶tml中顯示JSON數(shù)據(jù)的方法，需要的的朋友參考下吧2017-05-10
Html5中l(wèi)ocalStorage存儲(chǔ)JSON數(shù)據(jù)并讀取JSON數(shù)據(jù)的實(shí)現(xiàn)方法
localStorage是HTML5提供的再客戶端實(shí)現(xiàn)本地存儲(chǔ)的一種方法，但是localStorage方法只能存儲(chǔ)字符串?dāng)?shù)據(jù)，有時(shí)候我們需要存儲(chǔ)對(duì)象到本地比如：JSON；那么，localStorage怎么2017-02-13- 這篇文章主要介紹了舉例詳解HTML5中使用JSON格式提交表單,包括多重?cái)?shù)組嵌套等方法的使用演示,需要的朋友可以參考下2015-06-16
- 這篇文章主要介紹了html格式化json的實(shí)例代碼,需要的朋友可以參考下2017-05-22