請求WebMethod, Ajax 處理更加專注

在WebForm下 開發ajax程序，需要借助於一般處理程序(*.ashx)或web服務(*.asmx)，並且每一個ajax請求，都要建一個這樣的文件，如此一來，如 果在一個項目中ajax程序多了，勢必會產生一堆的.ashx或.asmx，雖然於程序本身無礙，但那一堆文件看上去總覺得有傷大雅。那么可不可以丟掉這 些.ashx和.asmx，選擇一種更簡練的方式來做ajax程序呢。
答案是肯定的，那就是：WebMethod 。
首先在 aspx.cs文件里建一個公開的靜態方法，然后加上WebMethod屬性。
如：

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

　　如果要在這個方法里操作session，那還得將WebMethod的EnableSession 屬性設為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(){.......} 
          
}); 
         

　　這里對幾個參數做一下簡單的說明，
type：請求的類型，這里必須用post 。WebMethod方法只接受post類型的請求。
contentType：發送信息至服務器時內容編碼類型。我們這里一定要用 application/json 。
url：請求的服務器端處理程序的路徑，格式為"文件名(含后綴)/方法名"
data：參 數列表。注意，這里的參數一定要是json格式的字符串，記住是字符串格式，如："{aa:11,bb:22,cc:33 , ...}"。如果你寫的不是字符串，那jquery會把它實序列化成字符串，那么在服務器端接受到的就不是json格式了，且不能為空，即使沒有參數也要 寫成"{}"，如上例。
很多人不成功，原因就在這里。
dataType：服務器返回的數據類型。必須是json，其他的都無效。因為 webservice 是一json格式返回數據的，其形式為:{"d":"......."}。
success：請求成功后的回調函數。你 可以在這里對返回的數據做任意處理。

我們可以看到其中一些參數值是固定的，所以從復用性的角度考慮，我們可以給jquery做一個擴 展，對上面的函數做一下簡單的封裝：
我們建一個腳本文件叫 jquery.extend.js。在里面寫一個叫ajaxWebService的方法(因為webmethod其實就是WebService嘛，故此方 法對請求*.asmx也是有效的)，代碼如下：

           $.ajaxWebService = function(url, dataMap, fnSuccess) { 
          
$.ajax({ 
          
type: "POST", 
          
contentType: "application/json", 
          
url: url, 
          
data: dataMap, 
          
dataType: "json", 
          
success: fnSuccess 
          
}); 
          
} 
         

#返回的json字符串 格式化為json對象

var json = eval('[' + data + ']');

json[0].year

　　

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

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