javascript - 即使在使用bind unbind、on off之后，AJAX表单也会向MySQL提交多个值

Question

好的，这个问题已经解决了多次，但我的问题有点复杂。以下是我的 AJAX，它将文本字段和图像作为输入并将字段和文件路径提交到数据库。

$(function () {

    $('form#data').off('submit').on('submit',function () {
        var formData = new FormData($(this)[0]);

        $.ajax({
            type:'POST',
            url: 'upload.php',
            data: formData,
            async:false,
            cache:false,
            contentType: false,
            processData: false,
            success: function (returndata) {$('#result').html(returndata);}
        });
        return false;
    }); 
});

现在，当我提交文件时，它已正常上传。然后，如果我尝试提交第二个文件，它会在数据库上创建多个副本。随着我继续上传，它继续呈指数级增长。

所以我抬头看到绑定(bind)/取消绑定(bind)和开/关是两个解决方案。

这适用于上传的第二个文件，但从第三个文件开始重复继续。

请让我知道我哪里出错了。

谢谢。

Answer 1

好的，我解决了。我把开关拆下来然后做了这个。现在工作正常!

$(function () {
        $('form#data').submit(function (e){
            e.preventDefault();
             e.stopImmediatePropagation();
            var formData = new FormData($(this)[0]);
            $.ajax({
                type:'POST',
                url: 'upload.php',
                data: formData,
                async:false,
                cache:false,
                contentType: false,
                processData: false,
                success: function (returndata) {$('#result').html(returndata);}
            });
            return false;
        }); 
});