一、 引言
在Web表單中,我們使用AJAX來從用戶端(通過JavaScript)調用服務端方法,而在AJAX內部則進行XMLHttpRequest調用。我測試了一些以不同方式實現的AJAX函數。另外,我還監控分析了進行AJAX調用的效能和生命週期。結果,我發現在Web表單中使用AJAX時存在一些嚴重的問題。不過,我也找到了這些問題的一種解決方案。在本文中,我正是想與各位分析這一問題及其相應的解決方案。
二、 在使用AJAX時所遇到的效能問題
對於每一個AJAX調用來說,我們都要建立包含AJAX方法的類的一個執行個體。另外,如果我們在類級上使用new關鍵字的話,我們還要為欄位、屬性及其它類級的變數建立執行個體。
三、 實現方案
我建立了一個工程,它包含兩個Web表單:WebForm1.aspx和WebForm2.aspx,還有一個類Student.vb。這兩部分code-behind頁面都使用了一個AJAX函數getData()和一個Student類型的公開變數。藉助於MXLogger類,我記錄下每一個階段的執行流程。
注意:Webform2.aspx的AJAX函數GetData()是共用的,而在WebForm1中,它不是共用的。
'Student.vb Public Class Student Sub New() MXLogger.AddLog("From Student.Constructor") End Sub Dim _Name As String Public Property Name() As String Get Return _Name End Get Set(ByVal Value As String) _Name = Value End Set End Property End Class
'WebForm1.aspx.vb Public Class WebForm1 Public Student As New Student Sub New() MXLogger.AddLog("From WebForm1.Constructor") End Sub <Ajax.AjaxMethod(Ajax.HttpSessionStateRequirement.Read)> _ Public Function getData() As String MXLogger.AddLog("From WebForm1.Ajax.getData()") Return "I m a Non Shared Function" End Function End Class 'WebForm2.aspx.vb Public Class WebForm2 Public Student As New Student Sub New() MXLogger.AddLog("From WebForm2.Constructor") End Sub <Ajax.AjaxMethod(Ajax.HttpSessionStateRequirement.Read)> _ Public Shared Function getData() As String MXLogger.AddLog("From WebForm2.Ajax.getData()") Return "I m a Shared Function" End Function End Class |
四、 測試應用程式
· 測試案例1:
運行webform1.aspx並且從JavaScript中調用getData() AJAX函數三次。
· 測試案例2:
運行webform2.aspx並且從JavaScript中調用getData()AJAX函數三次。
對於上面的測試案例,我得到如下的日誌輸出資料:
//請注意,為瞭解釋之目的,我在其中手工加入了一些日誌行 LOG for the Test Case 1: ( Non Ajax Shared Function )
-------While Loading The Page-------- 5/9/2006 10:37:29 AM>>From Student.Constructor 5/9/2006 10:37:29 AM>>From WebForm1.Constructor 5/9/2006 10:37:29 AM>>From WebForm1.Ajax.getData() -------First Call For GetData()-------- 5/9/2006 10:37:29 AM>>From Student.Constructor 5/9/2006 10:37:29 AM>>From WebForm1.Constructor 5/9/2006 10:37:29 AM>>From WebForm1.Ajax.getData() -------Second Call For GetData()-------- 5/9/2006 10:37:29 AM>>From Student.Constructor 5/9/2006 10:37:29 AM>>From WebForm1.Constructor 5/9/2006 10:37:29 AM>>From WebForm1.Ajax.getData() -------Third Call For GetData()-------- 5/9/2006 10:37:30 AM>>From Student.Constructor 5/9/2006 10:37:30 AM>>From WebForm1.Constructor 5/9/2006 10:37:30 AM>>From WebForm1.Ajax.getData()
LOG for the Test Case 2: ( Shared Ajax Function )
-------While Loading The Page-------- 5/9/2006 10:37:09 AM>>From Student.Constructor 5/9/2006 10:37:09 AM>>From WebForm2.Constructor 5/9/2006 10:37:09 AM>>From WebForm2.Ajax.getData() -------First Call For GetData()-------- 5/9/2006 10:38:11 AM>>From WebForm2.Ajax.getData() -------Second Call For GetData()-------- 5/9/2006 10:38:11 AM>>From WebForm2.Ajax.getData() -------Third Call For GetData()-------- 5/9/2006 10:38:11 AM>>From WebForm2.Ajax.getData() |
我們可以看到,在上面的日誌輸出資料中,對於測試案例1來說,我們能夠看到更多的來自於Webform1和Student的構造器的日誌資料。
五、 結論
我的建議是,在所有可能的地方,我們應該使用針對於AJAX的共用方法,以便它不會建立更多的Web表單一實例和類級的欄位。這樣以來,我們就可以減少從GC中調用Finalize()的次數。