概述ASP.NET AJAX框架
如何在客戶端直接調用WebService中的方法?
1.Web.config中需要配置好運行ASP.NET AJAX框架相應的配置項,當然,建立一個ASP.NET AJAX Enabled Web Site項目時,Web.config已經配置好了。
2.想讓某個WebService可以被JS調用,需要做一下幾步:
◆在這個WebService文件里用“using System.Web.Script.Services;”引入這個命名空間。
◆在這個類的上面添加“[ScriptService]”屬性。
◆在需要被調用的方法上添加“[WebMethod]”屬性。
具體例子可以參考《ASP.NET AJAX客戶端編程之旅(一)——Hello!ASP.NET AJAX》中的SayHelloService.cs的代碼。
3.調用WebService的客戶端頁面也要做相應準備。首先就是頁面中要有一個ScriptManager控件,然后需要在其中指明WebService文件的位置。如:
- <Services>
- <asp:ServiceReference Path="~/SayHelloService.asmx" />
- </Services>
將這段代碼放在和標簽之間,就可以使得這個頁面中的JS可以直接調用SayHelloService.asmx中的方法。
做好以上三項準備,這個頁面中的JS代碼就可以使用我們熟悉的“類名.方法名”的方法直接調用WebService中的方法了。
魔法背后的故事
我們知道,雖然我們一直說是“直接調用”,但這是指在語法層面上“直接調用”。而實際上,JavaScript代碼是不可能真正直接調用后臺程序的,這中間一定使用了XMLHttpRequest對象。那么,到底是誰給我們實施了“障眼法”?答案就在下面這張圖上:
上圖就是這個所謂“直接調用”真正的秘密。如圖,現(xiàn)在假設有個WebService類,名為Class1,有兩個方法:Method1和Method2。當這個WebService被我們用上面提到的方法處理過后,ASP.NET AJAX框架就會自動分析這個類,并且在客戶端生成一個這個類的客戶端代理(Proxy),這個代理類是一個JavaScript對象,其類名、方法名都和后臺類一致。而當我們從客戶端的JS腳本調用時,實際上調用的是這個代理類,而代理類則使用XMLHttpRequest對象,通過傳統(tǒng)的Ajax方式,調用后臺類。這樣,我們就感覺好像在前臺直接調用后臺類似的。
可是……哪里似乎還是不一樣……
通過上面的分析,我們知道,ASP.NET AJAX調用后臺方法,說到底還是使用的XMLHttpRequest對象,這樣傳統(tǒng)Ajax的限制,就使得我們不可能真的像在后臺調用方法一樣方便。
例如,我們在后臺都是用“變量=類名.方法名”或者“變量=對象名.方法名”的方式調用,這樣變量就直接獲取了這個方法的返回值,但是Ajax不行,它必須通過回調函數(shù)獲取返回值,這一點也體現(xiàn)在了ASP.NET AJAX的使用方法上。看上一篇文章的例子就知道,即使使用了ASP.NET AJAX框架,仍然還是需要用回調函數(shù)的,只不過是語法上簡化了。
【編輯推薦】