一般处理程序代码:
using
System;
using System.Web;
using Ajax无刷新删除.DataSetDeleteDataTableAdapters;
namespace Ajax无刷新删除
{
/// <summary>
/// DeleteDataById 的摘要说明
/// </summary>
public class DeleteDataById : IHttpHandler
{
public void ProcessRequest(HttpContext context)
{
context.Response.ContentType = " text/plain " ;
int id = Convert.ToInt32(context.Request[ " id " ]);
new T_CommentTableAdapter().DeleteDataById(id);
}
public bool IsReusable
{
get
{
return false ;
}
}
}
using System.Web;
using Ajax无刷新删除.DataSetDeleteDataTableAdapters;
namespace Ajax无刷新删除
{
/// <summary>
/// DeleteDataById 的摘要说明
/// </summary>
public class DeleteDataById : IHttpHandler
{
public void ProcessRequest(HttpContext context)
{
context.Response.ContentType = " text/plain " ;
int id = Convert.ToInt32(context.Request[ " id " ]);
new T_CommentTableAdapter().DeleteDataById(id);
}
public bool IsReusable
{
get
{
return false ;
}
}
}
}
Aspx页面代码:主要就是JQuery中的代码;
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="Ajax无刷新删除.Default" %>
<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >
< html xmlns ="http://www.w3.org/1999/xhtml" >
< head runat ="server" >
< title ></ title >
< script src ="Scripts/jquery-1.4.1.js" type ="text/javascript" ></ script >
< script language ="javascript" type ="text/javascript" >
$( function () {
// 给有isremove=true属性的控件添加click事件;
$( " input[isremove=true] " ).click( function () {
var id = $( this ).attr( " rowid " ); // 获取当前行的id
// 发送请求
$.post( " DeleteDataById.ashx " , { " id " : id }, function (data, status) {
if (status == " success " ) {
// 如果处理成功,remove当前行 parent找他的父级元素
$( " input[rowid= " + id + " ] " ).parent().parent().hide( " slow " );
} else {
alert( " 删除失败 " );
return ;
}
});
});
});
</ script >
</ head >
< body >
< form id ="form1" runat ="server" >
< div >
< asp:ObjectDataSource ID ="ObjectDataSource1" runat ="server" DeleteMethod ="Delete"
InsertMethod ="Insert" OldValuesParameterFormatString ="original_{0}" SelectMethod ="GetData"
TypeName ="Ajax无刷新删除.DataSetDeleteDataTableAdapters.T_CommentTableAdapter" UpdateMethod ="Update" >
< DeleteParameters >
< asp:Parameter Name ="Original_Id" Type ="Int32" />
</ DeleteParameters >
< InsertParameters >
< asp:Parameter Name ="IpAddress" Type ="String" />
< asp:Parameter Name ="Comment" Type ="String" />
< asp:Parameter Name ="PostDate" Type ="DateTime" />
</ InsertParameters >
< UpdateParameters >
< asp:Parameter Name ="IpAddress" Type ="String" />
< asp:Parameter Name ="Comment" Type ="String" />
< asp:Parameter Name ="PostDate" Type ="DateTime" />
< asp:Parameter Name ="Original_Id" Type ="Int32" />
</ UpdateParameters >
</ asp:ObjectDataSource >
< asp:ListView ID ="ListView1" runat ="server" DataKeyNames ="Id" DataSourceID ="ObjectDataSource1"
InsertItemPosition ="LastItem" >
< EmptyDataTemplate >
< table runat ="server" style ="" >
< tr >
< td >
未返回数据。
</ td >
</ tr >
</ table >
</ EmptyDataTemplate >
< InsertItemTemplate >
< tr style ="" >
< td >
< asp:Button ID ="InsertButton" runat ="server" CommandName ="Insert" Text ="插入" />
< asp:Button ID ="CancelButton" runat ="server" CommandName ="Cancel" Text ="清除" />
</ td >
< td >
</ td >
< td >
< asp:TextBox ID ="IpAddressTextBox" runat ="server" Text ='<%# Bind("IpAddress") % > ' />
</ td >
< td >
< asp:TextBox ID ="CommentTextBox" runat ="server" Text ='<%# Bind("Comment") % > ' />
</ td >
< td >
< asp:TextBox ID ="PostDateTextBox" runat ="server" Text ='<%# Bind("PostDate") % > ' />
</ td >
</ tr >
</ InsertItemTemplate >
< ItemTemplate >
< tr style ="" >
< td >
< asp:Button ID ="EditButton" runat ="server" CommandName ="Edit" Text ="编辑" />
< input id ="btnDelete" type ="button" isremove ="true" rowid ='<%#Eval("id") % > ' value="无刷新删除" />
</ td >
< td >
< asp:Label ID ="IdLabel" runat ="server" Text ='<%# Eval("Id") % > ' />
</ td >
< td >
< asp:Label ID ="IpAddressLabel" runat ="server" Text ='<%# Eval("IpAddress") % > ' />
</ td >
< td >
< asp:Label ID ="CommentLabel" runat ="server" Text ='<%# Eval("Comment") % > ' />
</ td >
< td >
< asp:Label ID ="PostDateLabel" runat ="server" Text ='<%# Eval("PostDate") % > ' />
</ td >
</ tr >
</ ItemTemplate >
< LayoutTemplate >
< table runat ="server" >
< tr runat ="server" >
< td runat ="server" >
< table id ="itemPlaceholderContainer" runat ="server" border ="0" style ="" >
< tr runat ="server" style ="" >
< th runat ="server" >
</ th >
< th runat ="server" >
Id
</ th >
< th runat ="server" >
IpAddress
</ th >
< th runat ="server" >
Comment
</ th >
< th runat ="server" >
PostDate
</ th >
</ tr >
< tr id ="itemPlaceholder" runat ="server" >
</ tr >
</ table >
</ td >
</ tr >
< tr runat ="server" >
< td runat ="server" style ="" >
</ td >
</ tr >
</ table >
</ LayoutTemplate >
</ asp:ListView >
</ div >
</ form >
</ body >
</ html >