用JQuery在客户端调用C#后台函数

最新推荐文章于 2020-06-17 15:00:08 发布

xiaoding133

最新推荐文章于 2020-06-17 15:00:08 发布

阅读量2.1k

点赞数

CC 4.0 BY-SA版权

分类专栏： .net C# 类 Js/Jquery 文章标签： jquery c# function methods object ajax

本文链接：https://blog.youkuaiyun.com/xiaoding133/article/details/6798115

.net C# 类同时被 2 个专栏收录

15 篇文章

订阅专栏

Js/Jquery

8 篇文章

订阅专栏

本文介绍了一个使用ASP.NET实现的删除记录功能，并通过AJAX进行客户端与服务器之间的异步交互。具体实现了点击“删除”链接后，通过AJAX发送POST请求到服务器端的Test.aspx页面，调用服务器端的DeleteRec方法来完成记录的删除操作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

建立一个页面叫Test.aspx, 在Test.aspx.cs文件中有如下函数：

private void DeleteRec()
{
    int ID= Request.Form["ID"].ToString().ToInteger(); 
    //客户端发过来的参数
    int UserID = Request.Form["UserID "].ToString().ToInteger();
    //客户端发来的用户名参数
    UserBO lObjUserBO = new UserBO ();
    lObjUserBO .DeleteUser(ID, UserID );
}

在Page_Load事件中调用上面函数：

protected void Page_Load(object sender, EventArgs e)
{
    if (!Page.IsPostBack)
    {
        #region Ajax methods
        if (Request.Form["MethodName"] == "DeleteR")
        // 该参数指明是从客户端发来的调用参数
        {
            DeleteRec();// 调用删除记录的函数
            return;
        }
        #endregion
    }
}

在客户端Test.aspx页面写如下代码：

<a id="adelete" href="#">删除</a>

用下面的函数实现删除功能：

$('#adelete').click(function()
{
    var dataToSend={ID:ID,MethodName:'DeleteR',UserID :UserID };
 
    var options =
    {
        url: '<%=ResolveUrl("~/Test.aspx") %>?x=' + new Date().getTime(),
        data: dataToSend,
        dataType: 'JSON',
        type: 'POST',
        success: function (response) {
        window.location.href='<%=ResolveUrl("~/Test1.aspx")%>/'+ID;
        //删除成功后跳转到新页面
    }
}
$.ajax(options);
});