ASP.Net——Ajax删除基本讲解-CSDN博客

本文链接：https://blog.csdn.net/Z15090488131/article/details/106975182

首先要搭建好三层架构，创建好显示数据的页面。

第一步：把一般处理程序创建并写好相应操作代码。一般处理程序可以在JQuery中被调用。


using System;

using System.Collections.Generic;

using System.Linq;

using System.Web;

using BLL;

 

namespace WebApplication1

{

    /// <summary>

    /// DelHandler 的摘要说明

    /// </summary>

    public class DelHandler : IHttpHandler

    {

 

        public void ProcessRequest(HttpContext context)

        {

            //获取要删除的ID

            int id = Convert.ToInt32(context.Request.QueryString["id"]);

            //执行删除，这里把受影响的行数转换成string格式用作返回给程序调用处

            string text = ProductManager.Delete(id).ToString();

            context.Response.ContentType = "text/plain";

            //返回受影响的行数

            context.Response.Write(text);

        }

 

        public bool IsReusable

        {

            get

            {

                return false;

            }

        }

    }

}

第二步：在数据显示的页面引用JQuery文件和编写Ajax操作。


//引用JQuery文件  

<script type="text/javascript" src="Scripts/jquery-1.4.1.js"></script>

<script type="text/javascript">

        $(function () {

            //获取用户点击控件并为其添加单击事件

            $(".Del1").click(function () {

                //获取到这个控件

                var $this = $(this);

                //获取到控件的id属性

                var id = $this.attr("id");

                //用post调用一般处理程序并传要删除的行id

                $.post("../DelHandler.ashx?id=" + id,

                    function (data) {

                        if (data === "1") {

                            alert("删除成功！");

                            //如果删除成功，移除该行

                            $this.closest("tr").remove();

                        } else {

                            alert("删除失败！");

                        }

                    });

            });

        })

 </script>

第三步：给删除按钮控件添加属性。

<a class="Del1" id='<%# Eval("id") %>'>删除</a>

注意：

post方法在传id的时候可以用{id:id}的方式，这样在获取的时候需要用from的方式获取，这种方法就是比通过地址栏传参数更紧密安全一些
第三步给控件添加的属性，我直接用a标签的的id属性作为存放要删除行的id的方式了，这个方法不太友好，可以自定义属性去存放id
第二步中添加单击事件的方法也有多种，我用的比较直接的一个。还有其他更灵活的方法比如.live

ASP.Net——Ajax删除 基本讲解

ASP.Net——Ajax删除基本讲解