Php JQuery多次提交表单/

我一页有两张表格。一个用于上传图像，另一个用于上传规范

问题 我的Ajax请求多次发送表单请求，这使我面临一个问题。 如果我点击“上传图片”，它会上传几次相同的图片。它将兑现click事件，并每次将其添加到新事件中

我尝试使用

.unbind（）

修复此问题；但是，如果我单击upload specification，它将运行上传图像请求。因此，Unbind（）不起作用

请问我怎样才能把它修好。所以正确的ajax请求只发送一次

下面是我上传图片的代码

    //IMAGE UPLOAD
     $(document).unbind('submit').bind('submit', "#UploadImage",function() {

         event.preventDefault();

         var customerId = $(this).parent().find('input[name="customerId"]').val();
         var image = $(this).parent().find('input[name="image"]').val();

       //send ajax request
       jQuery.ajax({
         url: "../data/stock.php?action=stock-image-upload",
         type: "POST", 
         data: new FormData(this), 
         processData: false, //prevent jQuery from converting your FormData into a string
         contentType: false,
         success: function(data, textStatus, jqXHR) {  
         console.log(2);
             $('.image-viewer-modal').modal('hide');
            var filter = "<?php echo $id_stc ?>";
            var tab_content_to_change = "#stock-sub-list";
            jQuery(tab_content_to_change).load('/tasks/stock/stock-list.php?filter='+filter);


         },
           error: function(jqXHR, textStatus, errorThrown){
           //Display error message to user
           alert("An error occured when saving the data");
         }
    }); 
});

//图像上传
$（文档）.unbind（'submit'）.bind（'submit'，“#UploadImage”，函数（）{
event.preventDefault（）；
var customerId=$（this.parent（）.find（'input[name=“customerId”]）.val（）；
var image=$（this.parent（）.find（'input[name=“image”]）.val（）；
//发送ajax请求
jQuery.ajax({
url:“../data/stock.php？action=stock image upload”，
类型：“POST”，
数据：新表单数据（本），
processData:false，//防止jQuery将FormData转换为字符串
contentType:false，
成功：函数（数据、文本状态、jqXHR）{
控制台日志（2）；
$（'.image viewer modal'）.modal（'hide'）；
var过滤器=”；
var选项卡_content_to_change=“#库存子列表”；
jQuery（tab_content_to_change）.load（'/tasks/stock/stock list.php？filter='+filter）；
},
错误：函数（jqXHR、textStatus、errorshown）{
//向用户显示错误消息
警报（“保存数据时发生错误”）；
}
}); 
});

这里是规格上传

  //specification UPLOAD
     $(document).unbind('submit').bind('submit', "#Uploadspecification ",function() {

         event.preventDefault();

         var customerId = $(this).parent().find('input[name="customerId"]').val();
         var specification = $(this).parent().find('input[name="specification "]').val();

       //send ajax request
       jQuery.ajax({
         url: "../data/stock.php?action=stock-specification -upload",
         type: "POST", 
         data: new FormData(this), 
         processData: false, //prevent jQuery from converting your FormData into a string
         contentType: false,
         success: function(data, textStatus, jqXHR) {  
         console.log(2);
             $('.image-viewer-modal').modal('hide');
            var filter = "<?php echo $id_stc ?>";
            var tab_content_to_change = "#stock-sub-list";
            jQuery(tab_content_to_change).load('/tasks/stock/stock-list.php?filter='+filter);


         },
           error: function(jqXHR, textStatus, errorThrown){
           //Display error message to user
           alert("An error occured when saving the data");
         }
    }); 
});

//规范上传
$（文档）.unbind（'submit'）.bind（'submit'，“#Uploadspecification”，函数（）{
event.preventDefault（）；
var customerId=$（this.parent（）.find（'input[name=“customerId”]）.val（）；
var specification=$（this.parent（）.find（'input[name=“specification”]'）.val（）；
//发送ajax请求
jQuery.ajax({
url:“../data/stock.php？action=stock specification-upload”，
类型：“POST”，
数据：新表单数据（本），
processData:false，//防止jQuery将FormData转换为字符串
contentType:false，
成功：函数（数据、文本状态、jqXHR）{
控制台日志（2）；
$（'.image viewer modal'）.modal（'hide'）；
var过滤器=”；
var选项卡_content_to_change=“#库存子列表”；
jQuery（tab_content_to_change）.load（'/tasks/stock/stock list.php？filter='+filter）；
},
错误：函数（jqXHR、textStatus、errorshown）{
//向用户显示错误消息
警报（“保存数据时发生错误”）；
}
}); 
});

如何清除提交事件，以便每次单击上载按钮时，只发送一次正确的ajax请求

非常感谢

尝试异步：false

---

或者在另一端，您可以在一次单击后不单击任何事件

我刚刚尝试过，它仍然发送多个请求。