html table表数据转Json格式示例代码
发布时间:2014-01-17 17:08:59 作者:佚名 我要评论
本文为大家介绍下html table表数据转Json格式,下面有个不错的示例,大家可以参考下
GPT4.0+Midjourney绘画+国内大模型 会员永久免费使用!
【 如果你想靠AI翻身,你先需要一个靠谱的工具! 】
复制代码
代码如下:<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>
相关文章
- 这是一款脚本之家翻译自国外网站的可对C语言、HTML、CSS及json代码进行格式化美化的工具,用户只需选择对应的代码类型即可方便的对代码进行格式化操作,工具下方还带有格式2016-05-26
- 在项目中我们需要将json数据直接显示在页面上,但是如果直接显示字符串很不方便查看,下面小编给大家带来了html中显示JSON数据的方法,需要的的朋友参考下吧2017-05-10
Html5中localStorage存储JSON数据并读取JSON数据的实现方法
localStorage是HTML5提供的再客户端实现本地存储的一种方法,但是localStorage方法只能存储字符串数据,有时候我们需要存储对象到本地比如:JSON;那么,localStorage怎么2017-02-13- 这篇文章主要介绍了举例详解HTML5中使用JSON格式提交表单,包括多重数组嵌套等方法的使用演示,需要的朋友可以参考下2015-06-16
- 这篇文章主要介绍了html格式化json的实例代码,需要的朋友可以参考下2017-05-22
最新评论