Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/70.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
使用javascript动态生成html表_Javascript_Jquery_Html - Fatal编程技术网

使用javascript动态生成html表

使用javascript动态生成html表,javascript,jquery,html,Javascript,Jquery,Html,我在java脚本数组中有100000条记录,列名为“EmpNo,Fname,LName,Date” 我想在一个html表格中显示所有记录,每个字段在一个文本框中 目前,我创建了一个表,并将值附加到一个循环中 <td><input maxlength="8" id="EmpNo' + i + '" type="text" /></td> 生成表格需要5分钟以上的时间才能显示24000多条记录 用java脚本生成html表的最佳方法是什么?这里的问题是,

我在java脚本数组中有100000条记录,列名为“EmpNo,Fname,LName,Date” 我想在一个html表格中显示所有记录,每个字段在一个文本框中

目前,我创建了一个表,并将值附加到一个循环中

<td><input maxlength="8" id="EmpNo' + i + '"  type="text"  /></td>

生成表格需要5分钟以上的时间才能显示24000多条记录


用java脚本生成html表的最佳方法是什么?

这里的问题是,您不应该试图在一个网页上显示100000个元素。您这样做的方法是有效的,但Javascript并不是设计用来处理IO密集型任务(如一次操作和显示数千个数组元素)的语言。我建议实施某种形式的分页,以便更好地处理信息。
尝试循环浏览,比如说前500个元素并显示它们,然后添加下一页/上一页按钮以生成下500个元素的表格。您可以使用jQuery的$.clear()在再次填充之前清空表。

如果分页不是您可以做的事情,您可以通过在服务器端代码中生成HTML,然后向下传递,而不是传递数据并要求Javascript生成HTML来获得更好的性能。

首先:没有jQuery,然后,使用分页。没有任何方法可以生成一个可伸缩的表生成方法来处理100k条记录。@Rorymcrossan我的要求是在页面本身中显示这些记录,而不显示任何记录pagination@Vijeeshkumarvofox然后,您的用户将不得不等待5分钟以上,页面才能呈现。没有其他选择。如果要求在不分页的情况下显示100K条记录,我会回过头来告诉您的项目经理,如果有这么多记录,并且没有分页,您就无法获得良好的性能。如果他们要在性能上签字,那就去做,否则就去分页……这是我的建议。从用户的角度来看,如果你的页面加载花费了5分钟以上的时间,我就不会再等了。大多数用户等待的时间不会超过30秒。这是每个人的评论。这不是答案。