ajax表单在第二次提交中两次提交，第三次提交中3次，依此类推

Question

由于某种原因，如果您不刷新两者之间的页面，则在第一个“提交”中提交一次我的表单，然后在第二个“提交”中提交两次。

$(document).on('submit', ".post-video-form", function(uploadVideo) {
    uploadVideo.preventDefault();
    var formData = new FormData($(this)[0]);
    $.ajax({
        type: 'post',
        url: '/dev/new/scripts/upload_video.php',
        data: formData,
        success: function (response) {
            if (response == 'success') {
                $(".overlay").fadeOut(200);
                setTimeout(function() {
                  $(".overlay").remove();
                }, 250);
                setTimeout(function() {
                    $(".head").before(overlay_success_html);
                    $(".overlay").fadeIn();
                }, 255);
                $(document).on('click', ".close-overlay", function(){
                    $(".overlay").fadeOut(200);
                    setTimeout(function() {
                      $(".overlay").remove();
                    }, 250);

                });
            }

            if (response == 'failed') {
                $(".upload-error").append('Upload error: File must be a JPG or PNG less than 2.0MB');
            }
        },
        error: function() {
            $(".upload-error").append('Upload error: File must be a JPG or PNG less than 2.0MB');
        },
        cache: false,
        contentType: false,
        processData: false
    });
});

Answer 1

您将需要查看更多代码，但也许您的提交处理程序正在为每条发布额外的时间注册。

尝试在之前添加控制台日志或在线警报

$(document).on('submit', ".post-video-form", function(uploadVideo) {

以确保提交事件没有被多次注册。 如果您正在生成javascript服务器端，则可能是这种情况。 否则，我们将需要更多信息。