在webform中使用ajax

若是你用過Asp.net webform， 說明你也算是.NET 開發的老兵了。WEBform應該是2011-2013左右，當時還用visual studio 200五、 visual studio 2008。後來基本都用的是MVC。
若是是新開發的項目，估計沒人會用webform技術。可是有些舊版本的項目，還須要維護，因此，我又不得不從新用上webform技術。

webform的程序中，大部分都是服務器控件。如今用起來，十分不習慣，新增幾個curd的模塊，都要浪費好多時間。因此，不得不尋求更高效的辦法。

決定用戶前端ajax調用後臺方法進行curd的方法。可是此前，我只知道MVC的請求路由，對於webform歷來沒用過。因此我翻看了一下百度，和官方文檔：
ASP.NET AJAX 提供了另外一種機制以 Web 服務相似於調用而無需建立獨立.asmx 文件。 這是經過使用一種技術稱爲"頁面方法"。 頁面方法是直接在頁面或代碼旁置文件中嵌入具備 WebMethod 特性應用於它們的靜態 (共享在 VB.NET) 方法。 經過將 WebMethod 特性應用它們能夠調用使用名爲 PageMethods 獲取在運行時動態建立的特殊 JavaScript 對象。

後端代碼：

[WebMethod]
public static Customer[] GetCustomersByCountry(string country)
{
return Biz.BAL.GetCustomersByCountry(country);
}

前端代碼：

$.ajax({
url: 'List.aspx/GetCustomersByCountry',
type: 'post',
contentType: "application/json; charset=utf-8",
data: "{ id: '" + id + "'}",
dataType: 'json',
success: function (data) {
console.log(data.d);
},
error: function (error) {
console.log(error);
}
});

前端注意的是，傳遞參數，和獲取返回參數。

技術之路，沒有捷徑，歡迎關注工程師社羣，天天共同進步！