ajax動態產生表格

標籤：程式   建立表   type   建表   move   傳智播客   url   ++   jquery   

 <script>        var data = [{            name: "傳智播客",            url: "http://www.itcast.cn",            type: "IT最強培訓機構"        },{            name: "黑馬程式員",            url: "http://www.itheima.com",            type: "大學生IT培訓機構"        },{            name: "傳智前端學院",            url: "http://web.itcast.cn",            type: "前端的黃埔軍校"        }];        $(function(){            //第一種：動態建立表格的方式，使用拼接html的方式 （推薦）            // var html = "";            // for( var i = 0; i < data.length; i++ ) {            //     html += "<tr>";            //     html +=     "<td>" + data[i].name + "</td>"            //     html +=     "<td>" + data[i].url + "</td>"            //     html +=     "<td>" + data[i].type + "</td>"            //     html += "</tr>";            // }            // $("#J_TbData").html(html);            //第二種： 動態建立表格的方式，使用動態建立dom對象的方式            //清空所有的子節點            $("#J_TbData").empty();            //自殺            // $("#J_TbData").remove();            for( var i = 0; i < data.length; i++ ) {                //動態建立一個tr列標籤,並且轉換成jQuery對象                var $trTemp = $("<tr></tr>");                //往行裡面追加 td儲存格                $trTemp.append("<td>"+ data[i].name +"</td>");                $trTemp.append("<td>"+ data[i].url +"</td>");                $trTemp.append("<td>"+ data[i].type +"</td>");                // $("#J_TbData").append($trTemp);                $trTemp.appendTo("#J_TbData");            }        });    </script>

ajax動態產生表格