本文摘自PHP中文网,作者php中世界最好的语言,侵删。
这次给大家带来html里table表数据如何转为Json格式,html里table表数据转为Json格式的注意事项有哪些,下面就是实战案例,一起来看一下。<table>表数据转 Json 格式的javascript函数如下
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 | <script>
var keysArr = new Array( "key0" , "key1" , "key2" );
function TableToJson(tableid) {
var rows = document.getElementById(tableid).rows.length;
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 += tdName;
json += "\"" ;
json += ":" ;
tdValue = document.getElementById(tableid).rows[i].cells[j].innerHTML;
if (j === 1) {
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>
|
相信看了这些案例你已经掌握了方法,更多精彩请关注php中文网其它相关文章!
相关阅读:
html怎样重定向连接
html与xhtml和xml有什么区别
以上就是html里table表数据如何转为Json格式的详细内容,更多文章请关注木庄网络博客!
相关阅读 >>
javascript中var,let与const的区别是什么?
javascript中的闭包中的闭包
input输入框只能输入数字、字母相关组合(正则表达式)
html怎么导入背景图
如何制作html表格的边框?html table表格制作及实例
typescript和javascript的区别有哪些
一纸搞懂js系列(1)之编译原理,作用域,作用域链,变量提升,暂时性死区
如何解决html打开乱码问题
dreamweaver中设置html网页段落行间距的方法指导
nw.js的localstorage的物理储存实例详解
更多相关阅读请进入《javascript》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者
转载请注明出处:木庄网络博客 » html里table表数据如何转为Json格式