Uncaught :在post请求期间非法调用

Question

为什么我得到不透明的TypeError:在post请求期间非法调用

我提出了一个POST请求，将formData放入其中，并将processData设置为false。错误可能是什么？

代码：

$(document).on("submit", "#reservation", function (e) {
    var csrftoken = $(this).find('input[name="csrfmiddlewaretoken"]').val()

    e.preventDefault();
        $form = $(this);
        var form_data = new FormData($form[0]);
        
        $.post($form.attr('action'),{
            data: form_data,
            csrfmiddlewaretoken: csrftoken,
            processData: false,
            contentType: false
            },
        onAjaxSuccess
    );
    function onAjaxSuccess(data)
        {
          alert(data);
        }
})

Answer 1

在您的let变量声明之前，您缺少了$form或var，而$.post()方法的语法似乎有点错误。试着做这样的事情：

$(document).on("submit", "#reservation", function (e) {
    var csrftoken = $(this).find('input[name="csrfmiddlewaretoken"]').val()

    e.preventDefault();
    let $form = $(this);
    var form_data = new FormData($form[0]);

    $.post($form.attr('action'), {
        data: form_data,
        csrfmiddlewaretoken: csrftoken,
        processData: false,
        contentType: false
    }).done(function (data) {
        alert(data);
    }).catch((err) => { console.error(err) }); // using es6 arrow function
})