jquery 分页+jquery ajax =？ asp.net 更新面板答案

【问题标题】：jquery pagination+jquery ajax =? asp.net update Paneljquery 分页+jquery ajax =？ asp.net 更新面板
【发布时间】：2011-02-02 22:57:26
【问题描述】：

之前研究过用ajax的方法填表。我的第一个方面是使用 jquery ajax 方法填写表格，第二个方面是使用 update 方法。我也想使用分页。这就是为什么我将 jquery 分页与 jquery ajax 结合起来。这是完美的工作。虽然从数据库中获取的数据量太小，但是jquery方法耗时大约0.5s，而asp.net update Panel方法只需要0.2s。在这种情况下，我当然选择了更新面板。但是，由于许多文档反对 updatePanel，我不确定。

所以在我的历史之后，我的问题很简单：“jquery(ajax+pagination) 方法适用于庞大的数据量吗？

UpdatePanel 加载持续时间：199 毫秒 jquery ajax 方法的加载时间：538

加载持续时间是指从数据库中获取数据。渲染时间非常短。

我还想添加我的 jquery ajax 代码：

        function getadvert(page_index){             
             $.ajax({
              type: "POST",
              url: "SearchAdvert.aspx/getAdverts",
              data: "{pageNumber:'"+page_index+"'}",

              contentType: "application/json; charset=utf-8",
              dataType: "json",
              success: function(msg){
                $.each(msg.d, function(i){
                $("#Searchresult").append("<div class='advertbox'><div class='image'></div><div class='text'>"+this.header+"</div></div>");           
                });

              }
              });
          }

【问题讨论】：

听起来有些古怪，我从未见过更新面板会导致更快的加载时间（尤其是第一个请求）。您应该使用 Firebug 查看所需的字节数和每个步骤的加载时间。上面的代码是样板 jQuery。此外，您使用页面与 Web 服务......它承载一些“过度”处理......

标签： asp.net jquery updatepanel

【解决方案1】：

问题是，当您想在服务器上执行所有操作时，UpdatePanel 工作得很好，因此您可以拥有一组代码而不必编写大量 JavaScript。但是，如果您打算使用 JQuery、插件或您自己的代码在客户端 JavaScript 中构建您的 UI，最好还是坚持使用 JQuery AJAX 方法。

此外，UpdatePanel 回发整个视图状态和任何更新面板数据，并适当地呈现替换，因此有更多的数据通过网络传输。您获得了便利，并且所有事情仍然发生在服务器上作为好处。

HTH。

【讨论】：