相关疑难解决方法(0)

使用JavaScript中的JSON数据动态填充表的快速方法

我正在尝试jQuery,JSON等,并遇到了以下任务.我在服务器上有一个加载器脚本,它以JSON格式返回表数据.收到JSON数据后,我想用它们填充我的表格.我目前正在使用类似于以下的代码(有更多的列和一些更高级的处理,但你有了这个想法):

...
for (var key=0, size=data.length; key<size;key++) {

  $('<tr>')
            .append( $('<td>').html(
                data[key][0]
            ) )
            .append( $('<td>').addClass('whatever1').html(
                data[key][1]
            ) )
            .append( $('<td>').addClass('whatever2').html(
                data[key][2]
            ) )
            .appendTo('#dataTable');
}
...

<table id="#dataTable"></table>
...
Run Code Online (Sandbox Code Playgroud)

这非常好用.但是一旦数据增长,它就变得非常缓慢.对于少数记录,它需要大约5s(Firefox,IE)来构建表,这有点慢.如果我在服务器上创建整个HTML并将其作为字符串发送,我将其包含在表中,它将非常快.

那么,是否有更快的方式来填补表格?

注意:我知道什么是分页,我最终会使用它,所以请不要说"你在页面上需要什么样的大表?".这个问题是关于如何快速填表,无论你将显示多少条记录:)

html javascript jquery json dom

17
推荐指数
2
解决办法
8万
查看次数

标签 统计

dom ×1

html ×1

javascript ×1

jquery ×1

json ×1