2011-02-02 12 views
0

数回前に、私はajaxメソッドでテーブルを記入するために調査しました。私の最初の側面は、テーブルをjquery ajaxメソッドで埋めることでした.2番目はupdateメソッドを使用していました。私はページネーションも使いたいと思っていました。そのため、jqueryのページングとjqueryのajaxを組み合わせました。それは完全に働いています。データベースからフェッチされるデータの量は少なすぎますが、jqueryメソッドは約0.5秒かかっていますが、asp.net update Panelメソッドはわずか0.2秒しかかかりませんでした。この場合、私はもちろんパネルを更新しました。しかし、私はupdatePanelに対する多くのドキュメントのために確信が持てませんでした。 jqueryページ番号+ jquery ajax =? asp.net update Panel

は、だから私の質問は、私の歴史の後にとても簡単です:?「jqueryのは、適切なデータの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

答えて

0

事実、UpdatePanelはサーバー上のすべての操作を行うときにうまく動作するので、コードセットを1つとし、たくさんのJavaScriptを書く必要はありません。しかし、JQuery、プラグイン、または独自のコードを使用してクライアント側JavaScriptでUIを構築する予定がある場合は、JQuery AJAXのアプローチに従うことをお勧めします。

さらに、UpdatePanelはviewstateと更新パネルのデータ全体をポストバックし、置換えを適切にレンダリングするので、ワイヤを渡るデータはずっと多くなります。あなたは利便性を得ており、サーバー上ではまだ何も起こっていません。

HTH。