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

返回到目錄：曬曬我的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服務端框架

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