我的Ajax服务端框架 - (3) JS调用页面方法

最新推荐文章于 2022-01-19 10:29:41 发布

转载最新推荐文章于 2022-01-19 10:29:41 发布 · 166 阅读

文章标签：

#javascript #c# #测试 #ViewUI

本文介绍如何在ASP.NET MVC框架中使用Ajax调用C#方法，通过示例展示了如何从JavaScript直接调用aspx页面中的C#方法，包括必要的配置和代码实现。

注意：本文所介绍的框架已有新版本，点击后面链接即可阅读。【写自己的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>