首页 > 代码库 > 无刷新删除 Ajax,JQuery
无刷新删除 Ajax,JQuery
1.数据库用上面的,增加一个 DeleteById 的SQL方法
delete from T_Posts where Id = @Original_Id
2.设置处理页面 delete.ashx
public void ProcessRequest(HttpContext context)
{
context.Response.ContentType = "text/plain";
string id = context.Request["id"]; //得到用户传过来的ID
var data = http://www.mamicode.com/new T_PostsTableAdapter().DeleteById(Convert.ToInt32(id)); //删除"ok"); //删除成功,返回OK
}
}
3.界面设计,用aspx中的ListView
增加OBJ数据源,增加ListView,绑定好数据,在ItemTemplate模板中增加如下HTML：
<td>
<input type="button" isRemove="true" curId=‘<%# Eval("Id") %>‘ value="http://www.mamicode.com/无刷新删除" />
</td>
4.JavaScript设置
<script type="text/javascript">
$(function() {
$("input[isRemove=true]").click(function() {
var id = $(this).attr("curId"); //获得当前行ID
$.post("Delete.ashx", { "id": id }, function(data, status) {
if (status == "success") {
if (data =http://www.mamicode.com/="ok") {
alert(‘删除成功！‘);
//$(this).parent().parent().remove(); 在这里this指的不是当前行
$("input[curId=" + id + "]").parent().parent().remove(); //删除当前行,parent()指的是父亲节点
} else {
alert(‘删除失败！‘);
}
}
});
});
});
</script>
无刷新删除 Ajax,JQuery
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。