最佳化Ajax 為網站減負

　　

　　最近主要幫一個團隊測試和最佳化項目，可能是由於項目的參與大部分都是新手，對ajax不是很熟，而造成ajax控制項濫用，本文主要總結我們最近遇到的一些問題，和大家共同探討，希望不足支出，歡迎大家指出．也希望開發經驗豐富的前輩多多指導．

　　以下是我根據遇到的問題總結出來的兩點心得：

1.     updatepanle 不同情況的兩種使用方法

    第一，直接用updatepanle的<Triggers></Triggers>屬性直接設定頁面的相關控制項的事件，該方法使用於簡單使用updatepanle 或在同一個頁面的同一個tab頁。 

 

     第二，當在同一個頁面存在多個tab頁，並且不同的tab頁的事件有所關聯的時候，一般用在後台代碼註冊的方法比較適用。由於放在一個tab頁的updatepanle可能無法識別或找到另一個tab頁控制項的觸發事件，很容易導致出錯，原因可能是你選的tab控制項的類型所導致，我遇到過使用第三方的tab控制項可以，但是使用微軟或其他的第三方的tab控制項卻不行，雖然後者以後可能會解決這個問題，但為了你的程式能正常運行，使用代碼註冊不失為一個明智的選擇。

 

  比如你設計的一個頁面有多個tab頁，並且一個tab頁裡的某個控制項的某個事件要觸發另一個tab頁的非同步更新事件，那麼最好用代碼註冊updatepanle的更新事件。

       具體實現代碼如下，也很簡單：

     首先在Page_Load向ScriptManager1註冊非同步更新的觸發控制項

        ScriptManager1.RegisterAsyncPostBackControl(btnAdd);

    然後再btnAdd的某個觸發事件裡調用要更新的方法，

  最後該事件執行後，調用更新地區的updatepanle執行update（）方法即可。 2.     盡量減少在同一個頁面（或tab頁）裡使用多個updatepanle控制項  

Upatepanle 可以減輕頁面和伺服器的通訊負擔，但濫用反而會增加頁面和伺服器的通訊負擔，同一個頁面使用過多的updatepanle將導致出現多次的通訊，比如一個事件來源觸發多個更新事件。

一般情況下，在同一頁面的同一個tab頁或table裡只需要使用一個updatepanle就夠了，即使是不需要更新的控制項也可以放在同一個updatepanle裡，只要不觸發它的事件即可或者讓其AutoPostBack為false即可。   自然如果由於業務的需要，特殊情況也要特殊對待。

所以如果不是特別的業務需要，盡量讓多個需要非同步更新的控制項放在同一個updatepanle裡，統一非同步更新，減少頁面往返的通訊次數。而至於統一非同步更新，業務外觀層（也就是頁面層）可以藉助table來解決，業務代碼層（對應的頁面後台代碼）可以根據業務需求進行最佳化。