Ajax无刷新删除行

一般处理程序代码:

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;
            }
        }
    }

 } 

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>
                        
&nbsp;
                    
</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>
原文地址:https://www.cnblogs.com/zhuiyi/p/2052706.html