Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/85.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
Jquery 如何快速显示大量数据_Jquery_Asp.net - Fatal编程技术网

Jquery 如何快速显示大量数据

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)

我正在使用ASP.NET4.0开发一个网站。我想在单击show按钮时获取并向用户显示6000条记录我不想使用分页或griview。一个简单的表将完成我所要实现的就是尽可能快地显示记录。如果我试着在客户端填写记录

<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被调用。这被调用。