javascript - MVC Ajax 导致回发超出表单范围？

Question

我有一个 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);
            }
        }
    });
};

Answer 1

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>