Jquery 如何快速显示大量数据
我正在使用ASP.NET4.0开发一个网站。我想在单击show按钮时获取并向用户显示6000条记录我不想使用分页或griview。一个简单的表将完成我所要实现的就是尽可能快地显示记录。如果我试着在客户端填写记录Jquery 如何快速显示大量数据,jquery,asp.net,Jquery,Asp.net,我正在使用ASP.NET4.0开发一个网站。我想在单击show按钮时获取并向用户显示6000条记录我不想使用分页或griview。一个简单的表将完成我所要实现的就是尽可能快地显示记录。如果我试着在客户端填写记录 <html><table id='tbl'></table></html> <script> function getDataFromService() { PageMethods.GetData(filltable)
<html><table id='tbl'></table></html>
<script>
function getDataFromService()
{
PageMethods.GetData(filltable)
}
function filltable(result){
for(int i=0;i<=result.length-1;i++)
{
var td= $('<td\>').append(result[i]) ;
var tr=$('<tr\>').append(td);
$('#tbl').append(tr);
}
}
函数getDataFromService()
{
PageMethods.GetData(filltable)
}
函数填充表(结果){
对于(int i=0;i而言,没有快速的方法在网页上检索和显示6000条记录。仅将这么多行呈现到屏幕上需要时间
您有两个选择:
- 分页
- 连续滚动
听起来连续滚动模式最适合您。下面有一篇文章讨论如何使用jQuery实现该技术:
在网页上检索和显示6000条记录没有快速的方法。只需将这么多行呈现到屏幕上就需要时间
您有两个选择:
- 分页
- 连续滚动
听起来连续滚动模式最适合您。下面有一篇文章讨论如何使用jQuery实现该技术:
正如其他人所指出的,添加6000行的速度总是非常慢,但是如果在调用append()之前为标记构建一个包含所有html的长字符串,并且不需要使用$()来构建行,则可以大大减少时间
下面的代码节省了对$.append()
和$()
的数千个调用,并将更快地呈现表格:
function getDataFromService()
{
PageMethods.GetData(filltable)
}
function filltable(result){
var html = '';
for(int i=0;i<=result.length-1;i++)
{
html += '<tr><td>' + result[i] + '</td></tr>'
}
$('#tbl').append(html);
}
函数getDataFromService()
{
PageMethods.GetData(filltable)
}
函数填充表(结果){
var html='';
对于(inti=0;i,正如其他人所指出的,添加6000行的速度总是非常慢,但是如果在调用append()之前为标记构建一个包含所有html的长字符串,并且不需要使用$()来构建行,那么就可以大大减少时间,这也是非常昂贵的
下面的代码节省了对$.append()
和$()
的数千个调用,并将更快地呈现表格:
function getDataFromService()
{
PageMethods.GetData(filltable)
}
function filltable(result){
var html = '';
for(int i=0;i<=result.length-1;i++)
{
html += '<tr><td>' + result[i] + '</td></tr>'
}
$('#tbl').append(html);
}
函数getDataFromService()
{
PageMethods.GetData(filltable)
}
函数填充表(结果){
var html='';
for(int i=0;ithat被调用。这被调用。