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

本文为大家介绍下html table表数据转Json格式,下面有个不错的示例,大家可以参考下

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

代码如下:

 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; } 

登录后复制

更多html table表数据转Json格式示例代码分析相关文章请关注PHP中文网!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2835482.html

(0)
上一篇 2025年3月9日 05:59:49
下一篇 2025年3月9日 05:59:56

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • 在HTML中隐藏某段文字实现方法介绍

    文字隐藏的方法有很多,在本文为大家介绍下在HTML中如何隐藏某段文字,具体该怎么实现,需要的朋友可以了解下文字隐藏代码,在HTML中隐藏某段文字 代码如下:  需要隐藏的文字…….   隐藏文字  登录后复制 更多在HTML中隐藏某…

    编程技术 2025年3月9日
    200
  • html左右布局示例代码分享

    左右布局的形式想必大家都熟悉吧,在本文有个不错的示例,希望可以帮助大家更好的了解左右布局的概念  css: 代码如下: html,body{ margin:0px; padding:0px; height: 100%; } .headbg{…

    编程技术 2025年3月9日
    200
  • HTML标签列表(功能排序)说明

    这篇文章讲述HTML 标签列表(功能排序) HTML 参考手册- (HTML5 标准) 功能排序 new : html5 新标签 标签 描述 基础  定义文档类型。定义一个 HTML 文档为文档定义一个标题定义文档的主体 to 定义 HTM…

    编程技术 2025年3月9日
    200
  • HTML中div与span的区别说明

    做网页的朋友想必都不知道html中div与span的区别吧,下面为大家详细介绍下两者的共同点及不同点 共同点: DIV标签和SPAN标签是将一些内容当成一个整体进行处理,比如,整体隐藏,整体移动。类似一个盒子一样的东西。这样做可以精简代码,…

    编程技术 2025年3月9日
    200
  • HTML仿命令行界面具体实现方法

    本文为大家介绍下HTML仿命令行界面的具体实现,感兴趣的朋友不要错过HTML部分 代码如下: nbsp;html>   WeChat Manager     $(document).ready(function(){ $(docume…

    编程技术 2025年3月9日
    200
  • html转义字符如何通过代码识别方法

    偶尔会在数据中看到诸如’ 这样的字符,浏览器遇到这些转义符,会转义回来,但如何通过代码识别,下面就与大家探讨下html转义字符,喜欢的朋友可以了解下 偶尔会在数据中看到诸如’ 这样的字符,特征如下 以开头,中间是一串…

    编程技术 2025年3月9日
    200
  • 详解Html元素隐藏的几种方式

    本篇文章介绍详解html元素隐藏的几种方式 隐藏Html元素的方法最常用的方法有,css的display:none,一种方法两种实现方式,感兴趣的朋友可以了解下1,使用css 代码如下:    style=”display:none;” 登…

    编程技术 2025年3月9日
    200
  • HTML网页头部代码实例详细说明

    html中我们一般把部分称为网页的头部。头部部分的内容虽然不会在页面中显示,但它能影响到搜索引擎对网页的收录和排序,以及网页的各种全局设置,可以说是至关重要 知识点一:头部信息里设置网页的基底网址 基底网址的实质是统一设置超级链接的属性,基…

    编程技术 2025年3月9日
    200
  • 分享html文本框text不可用只读的多种实现方法

    本篇文章分享html文本框text不可用只读的多种实现方法有需要可以参考 有时候,我们希望表单中的文本框是只读的,让用户不能修改其中的信息,本文整理了多种实现方法,感兴趣的朋友可以参考下方法一: 不可用 方法二: 只读 方法三: 隐藏(但占…

    编程技术 2025年3月9日
    200
  • html中的div、td 、p 等容器内强制换行和不换行的实现方法

    p、td 、p 等容器内强制换行和不换行,在某些情况下还是比较实用的,下面本文整理了一些相关方面的知识,并有具体的实现方法,需要的朋友可以参考下1、强制不换行,同时以省略号结尾。  代码如下: 立即学习“前端免费学习笔记(深入)”;  你好…

    编程技术 2025年3月9日
    200

发表回复

登录后才能评论