单击提交按钮后，Jquery / Ajax正在请求多个请求！为什么？

Question

我正在用jquery / ajax处理我的表单，它的数据是由PHP处理的。现在，当我点击提交按钮时，它会在控制台日志中显示多个请求。点击提交按钮后，应该只显示一个请求。为什么会发生这种情况？

html按钮：

<input type="button" value="Update Document(s)" class="submit" id="upload"/>

Jquery代码：

<script>
$('body').on('click', '#upload', function(e){
    e.preventDefault();
    var formData = new FormData($(this).parents('form')[0]);
    var cid=$('#cdid_hidden').val();
    $("#upload-image").show();

    $.ajax({
        url: 'editContactDetails2.php',
        type: 'POST',
        xhr: function() {
            var myXhr = $.ajaxSettings.xhr();
            return myXhr;
    },

    success: function(data){                    
        //getDetails(cid);  
        $("#upload-image").hide(); //hide loading         
         $("#success").html(data);
        document.getElementById("all_contact_details").reset();         
    },

    data: formData,
    cache: false,
    contentType: false,
    processData: false

    });
});    
</script>

多个请求图片：

Answer 1

它对我有用：

 event.stopImmediatePropagation();

按下按钮后按住或使用：

$("....").unbind().click(function(){

});