我的Ajax服務端架構 – (3) JS調用頁面方法

注意：本文所介紹的架構已有新版本，點擊後面連結即可閱讀。
【寫自己的ASP.NET MVC架構】

返回到目錄：晒晒我的Ajax服務端架構

此功能將讓您在Javascript直接調用當前aspx頁面中的一個C＃方法。範例程式碼如下：

C#方法

public partial class Customers : MyBasePage{    /// <summary>    /// 供AJAX調用：更新客戶資料。具體調用方法請參考JS代碼。    /// 方法可以是靜態，也可以是不是靜態。    /// </summary>    /// <param name="customer"></param>    /// <returns></returns>    public static int UpdateCustomerInfo(Customer customer)    {        customer.EnsureItemIsOK();        return BllFactory.GetCustomerBLL().Update(customer);    }}public sealed class Customer : MyDataItem{    public int CustomerID { get; set; }    public string CustomerName { get; set; }    public string ContactName { get; set; }    public string Address { get; set; }    public string PostalCode { get; set; }    public string Tel { get; set; }}

Javascript調用代碼

$.ajax({    type: "POST",     // 注意參數：AjaxPageMethod，它指出了要調用頁面的哪個方法。    data: $.param({ AjaxPageMethod: "UpdateCustomerInfo", CustomerID: customerId }) + "&" + $("#divCustomerInfo :text").fieldSerialize(),    //......});

以上功能還需要以下配置：

<httpModules>    <clear/>    <add name="PageMethodModule" type="FishWebLib.Ajax.PageMethodModule, FishWebLib, Version=3.0.0.0, Culture=neutral, PublicKeyToken=04db02423b9ebbb2" /></httpModules>

當上面的JS在運行時，將會把當前頁面以AJAX方式提交到當前Customers.aspx頁面的UpdateCustomerInfo方法中。

好了，這個示範就寫到這裡，更多細節請查看使用者手冊。

返回到目錄：晒晒我的Ajax服務端架構

點擊此處進入樣本展示及下載頁面