ASP.Net--Ajax删除
2020-07-20 04:07
1296 查看
我的删除操作是搭建在三层架构上的,因此需要提前搭建好三层。创建好显示数据的页面。
第一步:把一般处理程序创建并写好相应操作代码。一般处理程序可以在JQuery中被调用。
[code]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操作
[code]//引用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>
第三步:给删除按钮控件添加属性
[code]<a class="Del1" id='<%# Eval("id") %>'>删除</a>
注意:
- post方法在传id的时候可以用{id:id}的方式,这样在获取的时候需要用from的方式获取,这种方法就是比通过地址栏传参数更紧密安全一些
- 第三步给控件添加的属性,我直接用a标签的的id属性作为存放要删除行的id的方式了,这个方法不太友好,可以自定义属性去存放id
- 第二步中添加单击事件的方法也有多种,我用的比较直接的一个。还有其他更灵活的方法比如.live
相关文章推荐
- 点击图片,AJAX删除后台图片文件的实现代码(asp.net)
- Asp.Net AjaxPro 全选反选删除实例
- asp.net中采用ajax进行多文件上传和删除
- Asp.Net Ajax+WCF Service+ADO.NET Entity Framework实现数据列表,数据筛选,分页,排序,删除
- asp.net treeview控件无刷新选择和删除节点的ajax方法
- 批量删除记录时如何实现全选方法总结 (转)http://www.cnblogs.com/chenou/articles/1349646.html[Asp.net Ajax 控件]
- ASP.NET中关于XML的AJAX的读取与删除
- asp.net ajax客户端编程+jquery:实现泛型数据的客户端数据调用、添加、删除
- ASP.NET中的ajax删除
- Asp.Net Ajax+WCF Service+ADO.NET Entity Framework实现数据列表,数据筛选,分页,排序,删除
- 添加/删除请求开始事件的方法 (asp.net ajax框架)
- asp.net treeview控件无刷新选择和删除节点的ajax方法
- C#结合js 上传文件和删除文件(技术点有:asp.net mvc ,nhibernate,ajax等)
- asp.net 全部选中与取消操作,选中后的删除(ajax)实现无刷新效果
- 新写的一个使用ASP.NET AJAX中的UpdatePanel控件实现GridView的无刷新删除,更新,添加,查询!
- asp.net中采用ajax进行多文件上传和删除
- asp.net treeview控件无刷新选择和删除节点的ajax方法
- asp.net ajax客户端编程+jquery:实现泛型数据的客户端数据调用、添加、删除
- jQuery AJAX Call for posting data to ASP.Net page ( not Get but POST)
- Asp.Net 文件操作基类(读取,删除,批量拷贝,批量删除,写入)