甩掉ashx和asmx使用jQuery.ajaxWebService請求WebMethod簡練處理Ajax

在WebForm下 開發(fā)ajax程序，需要借助于一般處理程序(*.ashx)或web服務(wù)(*.asmx)，并且每一個(gè)ajax請求，都要建一個(gè)這樣的文件，如此一來，如果在一個(gè)項(xiàng)目中ajax程序多了，勢必會產(chǎn)生一堆的.ashx或.asmx，雖然于程序本身無礙，但那一堆文件看上去總覺得有傷大雅。那么可不可以丟掉這些.ashx和.asmx，選擇一種更簡練的方式來做ajax程序呢。

答案是肯定的，那就是：WebMethod 。（此方法是在.net3.5版本下調(diào)試的，在.net2.0下有問題）

首先在aspx.cs文件里建一個(gè)公開的靜態(tài)方法，然后加上WebMethod屬性。

[WebMethod]
public static string GetUserName() 
{
//......
} 

如果要在這個(gè)方法里操作session，那還得將WebMethod的EnableSession 屬性設(shè)為true 。即：

[WebMethod(EnableSession = true)]//或[WebMethod(true)]
public static string GetUserName() 
{
//......
}

然后我們就寫ajax程序來訪問這個(gè)程序，我們就用jQuery吧。

$.ajax({
type: "POST",
contentType: "application/json",
url: "WebForm2.aspx/GetUserName",
data: "{}",
dataType: "json",
success: function(){.......}
}); 

　　這里對幾個(gè)參數(shù)做一下簡單的說明，

　　type：請求的類型，這里必須用post 。WebMethod方法只接受post類型的請求。

　　contentType：發(fā)送信息至服務(wù)器時(shí)內(nèi)容編碼類型。我們這里一定要用application/json 。

　　url：請求的服務(wù)器端處理程序的路徑，格式為"文件名(含后綴)/方法名"

　　data：參數(shù)列表。注意，這里的參數(shù)一定要是json格式的字符串，記住是字符串格式，如："{aa:11,bb:22,cc:33 , ...}"。如果

你寫的不是字符串，那jquery會把它實(shí)序列化成字符串，那么在服務(wù)器端接受到的就不是json格式了，且不能為空，即使沒有參數(shù)也要寫成"{}"，如上例。

很多人不成功，原因就在這里。

　　dataType：服務(wù)器返回的數(shù)據(jù)類型。必須是json，其他的都無效。因?yàn)閣ebservice 是一json格式返回?cái)?shù)據(jù)的，其形式為:{"d":"......."}。

　　success：請求成功后的回調(diào)函數(shù)。你可以在這里對返回的數(shù)據(jù)做任意處理。

　　我們可以看到其中一些參數(shù)值是固定的，所以從復(fù)用性的角度考慮，我們可以給jquery做一個(gè)擴(kuò)展，對上面的函數(shù)做一下簡單的封裝：

我們建一個(gè)腳本文件叫 jquery.extend.js。在里面寫一個(gè)叫ajaxWebService的方法(因?yàn)閣ebmethod其實(shí)就是WebService嘛，故此方法對請求*.asmx也是有效的)，代碼如下：

/// summary>
/// jQuery原型擴(kuò)展，重新封裝Ajax請求WebServeice
/// /summary>
/// param name="url" type="String">
/// 處理請求的地址
////param>
/// param name="dataMap" type="String">
/// 參數(shù)，json格式的字符串
////param>
/// param name="fnSuccess" type="Function">
/// 請求成功后的回調(diào)函數(shù)
////param>
$.ajaxWebService = function(url, dataMap, fnSuccess) {
$.ajax({
type: "POST",
contentType: "application/json",
url: url,
data: dataMap,
dataType: "json",
success: fnSuccess
});
}

好了，這樣我們請求webmethod方法 就可以這樣寫了：

$.ajaxWebService("WebForm2.aspx/GetUserName", "{}", function(result) {......}); 

最后：如果你的項(xiàng)目中ajax程序非常多(這種情況是可能存在的，我做過一個(gè)網(wǎng)站，是個(gè)sns，全程ajax，幾乎每個(gè)操作都用了ajax),你覺得把WebMethod方法寫在各個(gè)aspx頁面里很零散，那么你可以專門建一個(gè)頁面(如：WebMethods.aspx)來存放。

以上所述是小編給大家介紹的甩掉ashx和asmx使用jQuery.ajaxWebService請求WebMethod簡練處理Ajax，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時(shí)回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！