在ASP.NET MVC中使用AJAX删除表中的行,而不在jQuery DataTable中回发,可以通过以下步骤实现:
$('.delete-btn').click(function() {
var rowId = $(this).closest('tr').data('id');
$.ajax({
url: '/Controller/DeleteRow',
type: 'POST',
data: { id: rowId },
success: function(result) {
// 处理删除成功后的逻辑
},
error: function() {
// 处理删除失败后的逻辑
}
});
});
[HttpPost]
public ActionResult DeleteRow(int id)
{
// 执行删除操作,可以使用Entity Framework或其他ORM工具
// 示例代码:
var row = dbContext.Rows.Find(id);
if (row != null)
{
dbContext.Rows.Remove(row);
dbContext.SaveChanges();
return Json(new { success = true });
}
else
{
return Json(new { success = false });
}
}
success: function(result) {
if (result.success) {
// 删除成功,移除对应的行
$('tr[data-id="' + rowId + '"]').remove();
} else {
// 删除失败,显示错误信息
alert('删除失败');
}
}
通过以上步骤,可以在ASP.NET MVC中使用AJAX删除表中的行,而不在jQuery DataTable中回发。这样可以提高页面的响应速度和用户体验,避免整个页面的刷新。
领取专属 10元无门槛券
手把手带您无忧上云