Jquery событие выполнения дважды

Question

Я действительно борется с душевным кода по часам:

$('#property_image_uploader').on('submit',function(e) { 
     var formData = new FormData(this); 
     $.ajax({ 
      type:'POST', 
      url: $(this).attr('action'), 
      data:formData, 
      cache:false, 
      contentType: false, 
      processData: false, 
      success:function(data){ 
      $.ajax({ 
       contentType: 'application/x-www-form-urlencoded;charset=UTF-8' 
       , method: 'post' 
       , url: 'property_info_box.php' 
       , data: {id: parseInt(data)} 
       , success: function(page){ 
        $('#property_info_box', parent.document).html(page); 
        return false; } 
       }); 
      }, 
      error: function(data){ console.log(data); } 
     }); 
    }); 

    $("#property_image_chooser").on("change", function(e){ 
     $("#property_image_uploader").submit(); 
    }); 

Проблема заключается в том, что каждый раз, когда $ ('# property_image_chooser') изменяется, $ ('# property_image_uploader') submition уволен дважды. Я попытался разместить e.preventDefault() и e.stopImmediatePropagation() везде внутри этих двух функций, и эта проблема исчезла, но затем страница, загружаемая во второй вызов ajax, замерзает, и никакая кнопка не может быть запущена больше ...

Answer 1

Благодаря решению проблемы, добавив e.preventDefault() в подчинении и удалив «return false» во втором вызове ajax. Окончательный код выглядит следующим образом:

$('#property_image_uploader').on('submit',function(e) { 
    var formData = new FormData(this); 
    $.ajax({ 
     type:'POST', 
     url: $(this).attr('action'), 
     data:formData, 
     cache:false, 
     contentType: false, 
     processData: false, 
     success:function(data){ 
     $.ajax({ 
      contentType: 'application/x-www-form-urlencoded;charset=UTF-8' 
      , method: 'post' 
      , url: 'property_info_box.php' 
      , data: {id: parseInt(data)} 
      , success: function(page){ 
       $('#property_info_box', parent.document).html(page); } 
      }); 
     }, 
     error: function(data){ console.log(data); } 
    }); 
}); 

$("#property_image_chooser").on("change", function(e){ 
    e.preventDefault(); 
    $("#property_image_uploader").submit(); 
}); 

Спасибо всем очень много ...