html table表数据转Json格式示例代码

  发布时间:2014-01-17 17:08:59   作者:佚名   我要评论
本文为大家介绍下html table表数据转Json格式,下面有个不错的示例,大家可以参考下

GPT4.0+Midjourney绘画+国内大模型 会员永久免费使用!
如果你想靠AI翻身,你先需要一个靠谱的工具!

<table>表数据转 Json 格式的javascript函数如下

复制代码
代码如下:

<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>
蓄力AI

相关文章

  • C语言风格/HTML/CSS/json代码格式化美化工具

    这是一款脚本之家翻译自国外网站的可对C语言、HTML、CSS及json代码进行格式化美化的工具,用户只需选择对应的代码类型即可方便的对代码进行格式化操作,工具下方还带有格式
    2016-05-26
  • 在html中显示JSON数据的方法

    在项目中我们需要将json数据直接显示在页面上,但是如果直接显示字符串很不方便查看,下面小编给大家带来了html中显示JSON数据的方法,需要的的朋友参考下吧
    2017-05-10
  • Html5中localStorage存储JSON数据并读取JSON数据的实现方法

    localStorage是HTML5提供的再客户端实现本地存储的一种方法,但是localStorage方法只能存储字符串数据,有时候我们需要存储对象到本地比如:JSON;那么,localStorage怎么
    2017-02-13
  • 举例详解HTML5中使用JSON格式提交表单

    这篇文章主要介绍了举例详解HTML5中使用JSON格式提交表单,包括多重数组嵌套等方法的使用演示,需要的朋友可以参考下
    2015-06-16
  • html格式化json的实例代码

    这篇文章主要介绍了html格式化json的实例代码,需要的朋友可以参考下
    2017-05-22

最新评论