在关闭ASP.NET Core中的模态表单后刷新父页面,可以通过以下步骤实现:
window.opener.location.reload()
方法来刷新父页面。$.ajax()
方法发送一个POST请求到服务器端。success
回调函数中,根据返回的JSON结果来判断操作是否成功。如果成功,可以调用window.opener.location.reload()
方法来刷新父页面。以下是一个示例代码:
在父页面中的JavaScript代码:
function openModal() {
// 打开模态表单的代码
}
function closeModal() {
// 关闭模态表单的代码
// 刷新父页面
window.opener.location.reload();
}
在模态表单中的关闭按钮或事件中调用closeModal()
函数来关闭模态表单并刷新父页面。
在服务器端的Controller中的Action方法:
[HttpPost]
public IActionResult CloseModal()
{
// 执行一些必要的操作
// 返回JSON结果
return Json(new { success = true, message = "操作成功" });
}
在客户端的AJAX请求中:
$.ajax({
url: '/Controller/CloseModal',
type: 'POST',
success: function (result) {
if (result.success) {
// 操作成功,刷新父页面
window.opener.location.reload();
} else {
// 操作失败,显示错误消息
alert(result.message);
}
},
error: function () {
// 请求失败,显示错误消息
alert('请求失败');
}
});
请注意,以上代码仅为示例,实际实现可能需要根据具体情况进行调整。
领取专属 10元无门槛券
手把手带您无忧上云