新聞中心
如何在客戶端直接調(diào)用WebService中的方法?

成都創(chuàng)新互聯(lián)網(wǎng)絡(luò)公司擁有10余年的成都網(wǎng)站開發(fā)建設(shè)經(jīng)驗(yàn),成百上千家客戶的共同信賴。提供網(wǎng)站建設(shè)、網(wǎng)站制作、網(wǎng)站開發(fā)、網(wǎng)站定制、買友情鏈接、建網(wǎng)站、網(wǎng)站搭建、成都響應(yīng)式網(wǎng)站建設(shè)公司、網(wǎng)頁設(shè)計(jì)師打造企業(yè)風(fēng)格,提供周到的售前咨詢和貼心的售后服務(wù)
1.Web.config中需要配置好運(yùn)行ASP.NET AJAX框架相應(yīng)的配置項(xiàng),當(dāng)然,建立一個(gè)ASP.NET AJAX Enabled Web Site項(xiàng)目時(shí),Web.config已經(jīng)配置好了。
2.想讓某個(gè)WebService可以被JS調(diào)用,需要做一下幾步:
◆在這個(gè)WebService文件里用“using System.Web.Script.Services;”引入這個(gè)命名空間。
◆在這個(gè)類的上面添加“[ScriptService]”屬性。
◆在需要被調(diào)用的方法上添加“[WebMethod]”屬性。
具體例子可以參考《ASP.NET AJAX客戶端編程之旅(一)——Hello!ASP.NET AJAX》中的SayHelloService.cs的代碼。
3.調(diào)用WebService的客戶端頁面也要做相應(yīng)準(zhǔn)備。首先就是頁面中要有一個(gè)ScriptManager控件,然后需要在其中指明WebService文件的位置。如:
- <Services>
- <asp:ServiceReference Path="~/SayHelloService.asmx" />
- </Services>
將這段代碼放在和標(biāo)簽之間,就可以使得這個(gè)頁面中的JS可以直接調(diào)用SayHelloService.asmx中的方法。
做好以上三項(xiàng)準(zhǔn)備,這個(gè)頁面中的JS代碼就可以使用我們熟悉的“類名.方法名”的方法直接調(diào)用WebService中的方法了。
魔法背后的故事
我們知道,雖然我們一直說是“直接調(diào)用”,但這是指在語法層面上“直接調(diào)用”。而實(shí)際上,JavaScript代碼是不可能真正直接調(diào)用后臺(tái)程序的,這中間一定使用了XMLHttpRequest對(duì)象。那么,到底是誰給我們實(shí)施了“障眼法”?答案就在下面這張圖上:
上圖就是這個(gè)所謂“直接調(diào)用”真正的秘密。如圖,現(xiàn)在假設(shè)有個(gè)WebService類,名為Class1,有兩個(gè)方法:Method1和Method2。當(dāng)這個(gè)WebService被我們用上面提到的方法處理過后,ASP.NET AJAX框架就會(huì)自動(dòng)分析這個(gè)類,并且在客戶端生成一個(gè)這個(gè)類的客戶端代理(Proxy),這個(gè)代理類是一個(gè)JavaScript對(duì)象,其類名、方法名都和后臺(tái)類一致。而當(dāng)我們從客戶端的JS腳本調(diào)用時(shí),實(shí)際上調(diào)用的是這個(gè)代理類,而代理類則使用XMLHttpRequest對(duì)象,通過傳統(tǒng)的Ajax方式,調(diào)用后臺(tái)類。這樣,我們就感覺好像在前臺(tái)直接調(diào)用后臺(tái)類似的。
可是……哪里似乎還是不一樣……
通過上面的分析,我們知道,ASP.NET AJAX調(diào)用后臺(tái)方法,說到底還是使用的XMLHttpRequest對(duì)象,這樣傳統(tǒng)Ajax的限制,就使得我們不可能真的像在后臺(tái)調(diào)用方法一樣方便。
例如,我們?cè)诤笈_(tái)都是用“變量=類名.方法名”或者“變量=對(duì)象名.方法名”的方式調(diào)用,這樣變量就直接獲取了這個(gè)方法的返回值,但是Ajax不行,它必須通過回調(diào)函數(shù)獲取返回值,這一點(diǎn)也體現(xiàn)在了ASP.NET AJAX的使用方法上。看上一篇文章的例子就知道,即使使用了ASP.NET AJAX框架,仍然還是需要用回調(diào)函數(shù)的,只不過是語法上簡化了。
當(dāng)前題目:概述ASP.NETAJAX框架
文章來源:http://m.5511xx.com/article/dphceog.html


咨詢
建站咨詢
