• 技术文章 >web前端 >html教程

    html里table表数据如何转为Json格式

    php中世界最好的语言php中世界最好的语言2018-02-08 09:42:51原创3249

    这次给大家带来html里table表数据如何转为Json格式,html里table表数据转为Json格式的注意事项有哪些,下面就是实战案例,一起来看一下。

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

    相信看了这些案例你已经掌握了方法,更多精彩请关注php中文网其它相关文章!

    相关阅读:

    html怎样重定向连接

    html与xhtml和xml有什么区别

    以上就是html里table表数据如何转为Json格式的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:javascript table html
    上一篇:HTML中定义多个class属性无效 下一篇:自己动手写 PHP MVC 框架(40节精讲/巨细/新人进阶必看)

    相关文章推荐

    • 关于常用meta的总结 - 冰阡陌• 为什么是这样的?_html/css_WEB-ITnose• 引入外部CSS的两种方式及区别_html/css_WEB-ITnose• 如何考评一名前端工程师?_html/css_WEB-ITnose• UEditor编辑器上传图片开发流程_html/css_WEB-ITnose
    1/1

    PHP中文网