Bir formu göndermek veya durdurmak için jQuery $ .ajax işlevini nasıl kullanabilirim?

Question

$('#post_form').submit(function() { 
    $("#ajax_bar_loader").show(); 
    $.ajax({ 
     url: 'add.html', 
     data: $('#post_form').serialize(), 
     dataType: 'json', 
     type: 'post', 
     success: function(result) { 
      retVal = formCheck(result); 
     } 
    }); 

    return false; 
}); 

Kodum neye benziyorsa ve "false döndür" yerine, "sonuç" ifadesinde yer alan veriler buna izin verirse izin vermek istiyorum. Bunu nasıl başarabilirim?

Answer 1

Böyle yapabileceğini:

geri gönderme ve ayrılıyoruz yana

$.ajax({ 
    url: 'add.html', 
    data: $('#post_form').serialize(), 
    dataType: 'json', 
    type: 'post', 
    success: function(result) { 
     retVal = formCheck(result); 
     if(retVal) 
      $('#post_form').unbind('submit').submit(); 
     else 
      alert('Error with your form! Oh crap!'); 
    } 
}); 

, bu sadece başarılı olursa bu işleyicisi keser ve onu çağrılırken normalde gerçekleşmesi göndermenizi sağlar, böylece kod koşmaz ve tekrar kontrol etmez, sadece gönderir.

Answer 2

 
    success: function(result) { 
     ... 
     document.forms.post_form.submit(); 
    } 

Answer 3

Normal form gönderimini önlemek için olay işleyicisinin sonunda her zaman false döndürmeyi öneririm. göndermek işleyici $.ajax çağrıdır aşağıdaki kodu beri, yürütme gerçek dışıdır tamamlar önce yangın

$('#post_form').submit(function() { 
    $("#ajax_bar_loader").show(); 
    $.ajax({ 
     url: 'add.html', 
     data: $('#post_form').serialize(), 
     dataType: 'json', 
     type: 'post', 
     success: function(result) { 
      if(result == 'something') { 
       alert("some error happened"); 
      } else { 
       // assuming we're visiting the form's action 
       window.location.href = $(this).attr("action"); 
      } 
     } 
    }); 
    return false; 
}); 

başarı callback'inde güvenerek: $.ajax için başarı callback'inde içinde, koşullu sunucudan yanıt dayalı redirect olabilir Başarısızlık geri dönüşü gerçekleştirilmeden önce değerlendirilme olasılığı yüksektir ($.ajax, senkronize olmayan bir şekilde çalışır).

Answer 4

Bu sorunun sizin için işe yarayıp yaramayacağından emin değilim, ancak ajax isteğini senkronize ederseniz ne yapmalısınız?

Bu kukla kodu "işe" aldım, ajax isteğini tetikler ve sonra bir boole oluşturur. Sonra form, true veya false değerine göre döner: