ASP MVC 防止在单独的 js 文件上使用 jquery 函数提交表单

Question

我正在尝试使用以下代码通过 ajax 提交表单：

$(document).on('submit', '#form-discount', function (e) {

  e.preventDefault()

  $.ajax({
        cache: false,
        async: true,
        type: 'POST',
        url: $(this).attr('action'),
        data: $(this).serialize(),
        beforeSend: function () {

        },
        success: function (data) {

        },
    });
});

但这是在到达此 javascript 代码之前到达控制器，因此它会命中两次控制器操作。我怎样才能避免这种行为？谢谢

Answer 1

您需要在回调中返回 false 以阻止页面执行完整的回发。

类似这样的：

$(document).on('submit', '#form-discount', function (e) {

    e.preventDefault()

    $.ajax({
        cache: false,
        async: true,
        type: 'POST',
        url: $(this).attr('action'),
        data: $(this).serialize(),
        beforeSend: function () {

        },
        success: function (data) {

        },
    });
    return false;//stop postback
});