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

小編給大家分享一下如何甩掉ashx和asmx使用jQuery.ajaxWebService請求WebMethod處理Ajax，希望大家閱讀完這篇文章之后都有所收獲，下面讓我們一起去探討吧！

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

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

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

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

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

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

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

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

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

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

　　contentType：發(fā)送信息至服務(wù)器時內(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格式返回數(shù)據(jù)的，其形式為:{"d":"......."}。

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

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

我們建一個腳本文件叫 jquery.extend.js。在里面寫一個叫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程序非常多(這種情況是可能存在的，我做過一個網(wǎng)站，是個sns，全程ajax，幾乎每個操作都用了ajax),你覺得把WebMethod方法寫在各個aspx頁面里很零散，那么你可以專門建一個頁面(如：WebMethods.aspx)來存放。

看完了這篇文章，相信你對“如何甩掉ashx和asmx使用jQuery.ajaxWebService請求WebMethod處理Ajax”有了一定的了解，如果想了解更多相關(guān)知識，歡迎關(guān)注億速云行業(yè)資訊頻道，感謝各位的閱讀！