使用Jquery的Ajax調用後臺方法

使用Jquery的Ajax調用後臺方法具體有三種方式：
1.在後臺定義通常處理程序ashx，響應前端的請求。
2.在頁面的aspx.cs中定義靜態方法+WebMethod，響應前端的請求。
3.經過WCF進行處理。
第三種調用方式不在本筆記的討論範圍中。如下針對第1、二種方式進行深刻討論。

 

1.使用通常處理程序響應前端請求

A. 在Web項目中新建通常處理程序(後端)：

 

B. 在ProcessRequest添加響應前端請求的代碼(後端)。例以下面範例：

public override void ProcessRequest(HttpContext context)
{
　　context.Response.ContentType = "text/plain";
　　var action = GetQueryString("action");
　　var strResult = "";
　　switch (action)
　　{
　　　　case "action1":　　　　//前端請求的操做1
　　　　　　function1()
　　　　　　break;
　　　　case "action2":　　　　//前端請求的操做2
　　　　　　function2()
　　　　　　break;
　　　　case "action3":　　　　//前端請求的操做3
　　　　　　function3()
　　　　　　break;

　　　　　　...
　　}
　　context.Response.Write(strResult);
　　context.Response.Flush();
}

private void function1(){...}　　　　//處理前端請求的函數1

private void function2(){...}　　　　//處理前端請求的函數2

private void function3(){...}　　　　//處理前端請求的函數3

 

C. 在通常處理程序使用session(後端)

在通常處理程序中使用session必需要繼承IRequiresSessionState接口並引用System.Web.SessionState命名空間。

 

D. JavaScript請求後端代碼(前端)

 在JavaScript中加入下面範例即可以發送請求到通常處理程序：

var url = "HandleType.ashx?action=Edit";　　　　　　　　  //請求連接格式：通常處理程序文件?action="請求的操做"
url += "&參數名1=" + $("#hdfId").val();　　　　　　　　　　//參數格式&參數名=值
url += "&參數名2=" + $("#hdfParentId").val();　　　　　　　//參數格式&參數名=值
url += "&參數名3=" + encodeURI(encodeURI($("#txtName").val()));　　　　//參數格式&參數名=值

$.ajax({
　　type: "post",　　　　　　　　　　//以POST的方式發送請求
　　url: url,　　　　　　　　　　　　//上面拼湊的連接及參數
　　contentType: "application/json",
　　dataType: "json",
　　success: function (data)

　　{
　　　　//成功獲取通常處理程序響應後執行的代碼
　　},
　　error: function (err)

　　{
　　　　//收到通常處理程序響應失敗後執行的代碼
　　}
});

 

2. 在頁面的aspx.cs中定義靜態方法+WebMethod，響應前端的請求

A. 在aspx文件中添加以WebMethod爲前綴標識的靜態方法 (後端)

參數名與參數個數必定要與前端

 

B. JavaScript請求後端代碼(前端)

在JavaScript中加入下面範例即可以發送請求到通常處理程序：

$.ajax({
　　type: "post",
　　url: "TestMatrix1.aspx/SayHello",　　　　//請求連接格式：頁面文件/請求的操做(頁面的帶有WebMethod前綴的靜態函數)
　　data: JSON.stringify　　　　　　　　　  //傳遞的參數使用JSON.stringify轉譯爲JSON格式

　　({
　　　　"in_Id": $("#hdfId").val(),　　　　　　//傳遞給後臺的參數格式："參數名":值。參數名與參數個數必定要與後臺函數的參數名及參數個數徹底一致
　　}),
　　contentType: "application/json",
　　dataType: "json",
　　success: function (data)

　　{

　　　　//
　　},
　　error: function (err)

　　 {

　　}
});

參數以JSON的形式傳遞到後臺函數，系統會根據調用的函數參數類型作一次強制類型轉換。但建議後臺的函數參數類型爲string，在函數中寫代碼進行轉換。這樣能夠先判斷傳入的參數內容再進行對應參數類型的轉換。減小錯誤類型轉換的問題。