我有一个 MVC 5 项目,我正在使用 Ajax 从 PartialView 加载记录表。在该表内,我有一些调用 jQuery 函数的按钮,但它导致了回发。
在 PartialView 表下方有一个位于表单中的注释部分,因此页面上有一个表单,但不是返回部分 View 表的位置。
我知道如果它在表单中,我会使用 e.preventDefault()
但我在超链接上使用 onlcick
事件并使用 Bootstrap 来制作它看起来像一个按钮。
这是一个超链接和调用的 Ajax。
<a href="#" onclick="ApproveDeny('@item.HomeDirectory', @item.RID, 'A', '@item.ShiftDate.ToShortDateString()', '@Model.CurrentEmployeeId')"
class="btn btn-sm btn-success")">
<i class="fas fa-check-square" aria-hidden="true"></i> Approve
</a>
function ApproveDeny(homeDirectory, rid, arg, shift, empId) {
$.ajax({
type: "POST",
url: homeDirectory + "/Exception/ExceptionApproveDeny/",
data: { rid: rid, arg: arg, shift: shift, empId: empId },
success: function (response) {
$("#exceptionTable").html(response);
},
error: function (xhr) {
if (xhr.status === 500) {
alert('Error Code: ' + xhr.status + '\nError: Internal Server Error.');
}
else {
alert('Error Code: ' + xhr.status);
}
}
});
};
最佳答案
CSS 类中有一个额外的右括号 )
,您可以安全地删除它。另外,您可以使用按钮而不是超链接,并将其类型设置为 button
,如下所示
HTML
<button type="button" onclick="ApproveDeny('@item.HomeDirectory', @item.RID, 'A', '@item.ShiftDate.ToShortDateString()', '@Model.CurrentEmployeeId')" class="btn btn-sm btn-success">
<i class="fas fa-check-square" aria-hidden="true"></i> Approve
</button>
关于javascript - MVC Ajax 导致回发超出表单范围?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48669797/