Comment puis-je effectuer la fonction Jquery pendant AJAX

Question

J'utilise Jquery AJAX pour poster un formulaire sur ma page. Je veux cacher une div pendant que AJAX est en train d'être jouée et montrer à nouveau quand AJAX est un succès.

Comment puis-je faire cela ?? Vérifiez mon code ici:

$(document).ready(function(){ 
$("form#microblogpost").submit(function() { 
// we want to store the values from the form input box, then send via ajax below 
var postmessage = $('#message1').attr('value'); 
var from_user = $('#from_user').attr('value'); 
var from_username = $('#from_username').attr('value'); 
$.ajax({ 
type: "POST", 
url: "process.php", 
data: "postmessage="+ postmessage +"& from_user="+ from_user +"& from_username="+ from_username, 
success: function(){ 

} 
}); 
return false; 
}); 
}); 

Answer 1

Masquer au début de la soumission et, en cas de succès, afficher.

$(document).ready(function(){ 
    $("form#microblogpost").submit(function() { 
     $("#yourDivId").hide(); 
     // we want to store the values from the form input box, then send via ajax below 
     var postmessage = $('#message1').attr('value'); 
     var from_user = $('#from_user').attr('value'); 
     var from_username = $('#from_username').attr('value'); 
     $.ajax({ 
      type: "POST", 
      url: "process.php", 
      data: "postmessage="+ postmessage +"& from_user="+ from_user +"&from_username="+ from_username, 
      success: function(){ 
       $("#yourDivId").show(); 
      } 
     }); 
     return false; 
    }); 
}); 

Answer 2

Cacher l'élément lorsque vous faites l'appel $.ajax(), et le montrer à nouveau dans le rappel success. Pour être sûr, ajoutez un rappel error faisant la même chose afin que l'élément apparaisse si la requête échoue.

error: function(){ 
    ... code to show the element 
}