2011-02-02 96 views
0

幾次以前,我研究了用ajax方法填寫表格。我的第一個方面是用jquery ajax方法填充表格,其次使用更新方法。我也想使用分頁。這就是爲什麼我將jquery分頁與jquery ajax結合在一起。這是完美的工作。儘管從數據庫中獲取的數據量太小,但jquery方法花了大約0.5秒的時間,而asp.net更新Panel方法只需要0.2s。在這種情況下,我選擇了更新面板。但是我不確定是否有許多針對updatePanel的文檔。jquery分頁+ jquery ajax =? asp.net更新面板

所以我的問題是我的歷史經過這麼簡單:「是的jQuery(AJAX +分頁)方法進行適當的數據mamoth量

的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>");   
       }); 

       } 
       }); 
      } 
+0

聽起來像是一件棘手的事情,我從來沒有看到更新面板導致更快的加載時間(特別是第一次請求)。你應該使用Firebug來查看每個步驟所需的字節和加載時間。上面的代碼是鍋爐板jQuery。此外,您使用的網頁與網絡服務...載體的一些「過剩」處理... – Zachary 2011-02-02 23:15:11

回答

0

事情是,當你想在服務器上做所有事情時,UpdatePanel都能很好地工作,所以你可以擁有一組代碼,而且不必編寫大量的JavaScript代碼。但是,如果您計劃使用JQuery,插件或自己的​​代碼在客戶端JavaScript中構建UI,最好使用JQuery AJAX方法。

此外,UpdatePanel回發整個viewstate和任何更新面板數據,並適當地呈現替換,所以有更多的數據通過線路。您正在獲得便利,並且服務器上仍然發生的一切都是爲了您的好處。

HTH。