总结（Ajax无刷新删除和跨页面传值）

最新推荐文章于 2022-02-23 20:57:38 发布

无为

最新推荐文章于 2022-02-23 20:57:38 发布

阅读量438

点赞数

分类专栏： C# 文章标签： ajax

本文链接：https://blog.csdn.net/weixin_48319014/article/details/107389530

版权

本文详细介绍了如何使用Ajax实现无刷新删除操作，包括在编辑模板中添加A标签，创建处理程序获取并转换ID，调用BLL层删除方法，以及在前端编写JavaScript响应删除操作。此外，还探讨了跨页面传值的方法，通过在模板中设置A标签跳转新页面，并在新页面后台接收和处理主页面的ID，从而在新页面展示相关信息。

摘要由CSDN通过智能技术生成

一、Ajax无刷新删除

1、首先在编辑操作模板时添加一个A标签用来传递ID

<a href="#" class="delete" data-id='<%# Eval("Id") %>'>删除</a>

2、在Ul层里创建一个一般处理程序(后缀名为ashx)

            var id = context.Request.Form["id"];
            var tid = Convert.ToInt32(id);
            var num = ProductManager.Delete(tid);
            context.Response.Write(num);

先获取主页面传递过来的id var id = context.Request.Form["id"];

由于传递过来的id时string类型的所以需要var tid = Convert.ToInt32(id);

var一个num调用BLL层写的Delete方法

最后输出num

3、返回主页面编写javascript代码块

    <script src="Scripts/jquery-1.4.1.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(function () {
            $(".delete").click(fun