Funkcja sukcesu Ajaxa

Question

Używam postu Ajax do przesyłania danych formularza na serwer, sprawdzania poprawności, a następnie zwracania wiadomości na podstawie tego, czy dane były prawidłowe i czy mogły być przechowywane. Moja funkcja sukcesu w moim poście ajax nie działa jednak. Oto posta ajax i wyświetlenie komunikatu o powodzeniu:

jQuery.ajax({   
    type:"post", 
    dataType:"json", 
    url: myAjax.ajaxurl, 
    data: {action: 'submit_data', info: info}, 
    success: function(data) { 
     successmessage = 'Data was succesfully captured'; 
    } 
}); 

$("label#successmessage").text(successmessage); 
$(":input").val(''); 
return false; 

Na etykiecie nie jest jednak wyświetlana żadna wiadomość. Próbowałem ustawić zmienną successmessage na wartość ustawioną w kodzie i było wyświetlane poprawnie, więc musi być coś nie tak z moją funkcją sukcesu, po prostu nie widzę co? Próbowałem również ustawić wywołanie zwrotne błędu w następujący sposób:

error: function(data) {    
    successmessage = 'Error'; 
}, 

Ale nadal nie wyświetla się żadna wiadomość.

Answer 1

To dlatego, że Ajax jest asynchroniczny, funkcja success lub error zostanie wywołana później, gdy serwer odbierze klienta. Tak, po prostu przenieść części w zależności od wyniku w swojej funkcji sukcesu tak:

jQuery.ajax({ 

      type:"post", 
      dataType:"json", 
      url: myAjax.ajaxurl, 
      data: {action: 'submit_data', info: info}, 
      success: function(data) { 
       successmessage = 'Data was succesfully captured'; 
       $("label#successmessage").text(successmessage); 
      }, 
      error: function(data) { 
       successmessage = 'Error'; 
       $("label#successmessage").text(successmessage); 
      }, 
     }); 

     $(":input").val(''); 
     return false; 

Answer 2

Odpowiedź podana powyżej nie może rozwiązać mój problem.So zmienić asynchroniczny na false, aby uzyskać komunikat ostrzegawczy.

jQuery.ajax({ 
      type:"post", 
      dataType:"json", 
      async: false, 
      url: myAjax.ajaxurl, 
      data: {action: 'submit_data', info: info}, 
      success: function(data) { 
       alert("Data was succesfully captured"); 
      }, 
     });