怎么把json用jquery组合成table

你好！！

//一个笨方法，从json中取出内容拼成table并追加到body中

$(function(){

    var table_1 = {

              "table": {

                "_width": "600",

                "thead": {

                    

            };

    var jsonTbl = table_1table;                               //获取json中的table

    if(jsonTbl != ""){                                                //如果table不为空

        var $tbl = $("<table/>");                              //创建一个table元素

        $tblwidth(jsonTbl_width)attr("border",1);//设置table1的宽度和边框

        //循环thead中的tr

        $each(jsonTbltheadtr, function(i, _tr){

            var $tr = $("<tr/>");                                 //创建一个tr元素

            //循环tr中的th

            $each(_trth, function(j, _th){

                var $th = $("<th/>");                            //创建一个th元素

                $thtext( _th_text );                                //设置th元素的文本内容

                if(_th_colspan){                                      //如果存在_colspan属性

                    $thattr("colspan", _th_colspan);         //为th元素添加colspan属性

                }

                $trappend( $th );                                   //将th元素追加至tr元素上

            });

            $tblappend( $tr );                                      //将该tr元素追加至table元素上

        });

        //循环tbody中的tr

        $each(jsonTbltbodytr, function(i, _tr){

            var $tr = $("<tr/>");                                 //创建一个tr元素

            //循环tr中的td

            $each(_trtd, function(j, _td){

                var $td = $("<td/>");                           //创建一个td元素

                $tdtext( _td_text );                               //设置td元素的文本内容

                $trappend( $td );                                  //将该td元素追加至tr元素上、

            });

            $tblappend( $tr );                                     //将tr元素追加至table元素上

        })

        //将表格元素追加至body

        $("body")append( $tbl );

    }

};

//还有种使用模板实现的方式，需要引入一个jquerytmplminjs文件，它是个jQuery模板插件

<script id="tbl" type="text/x-jquery-tmpl">

{{if ($data != "")}}

<table width=${_width} border=1 >

{{each $datatheadtr}}

<tr>{{each th}}<th colspan=${_colspan}>${_text}</th>{{/each}}</tr>

{{/each}}

{{each $datatbodytr}}

<tr>{{each td}}<td>${_text}</td>{{/each}}</tr>

{{/each}}

</table>

{{/if}}

</script>

<script>

    $(function(){

        var table_1 = {

              "table": {

                "_width": "600",

                "thead": {

                    

            };

        $("#tbl")tmpl( table_1table )appendTo( $("body") );

    });

</script>

希望对你有帮助！！！

1、先把得到的数组用alert(array)

看是不是[object]，如果不是

如果是d出这个数组的字符串的话；

2、那就 var array=eval("("+array+")");

再array[0]["title"]就能得到了。

3、一般返回的如果不是json格式的数组，那么需要转换成json格式

jQueryparseJSON(data);

以上就是关于怎么把json用jquery组合成table全部的内容，包括:怎么把json用jquery组合成table、用ajax获取一个data,这个data是个数组，但是data[]里面又有包含数组a[]，怎么获取这个a[]的长度、等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！