Как я могу выполнять функцию Jquery во время AJAX

Question

Я использую Jquery AJAX, чтобы разместить форму на своей странице.Я хочу скрыть div, пока выполняется AJAX, и показать его снова, когда AJAX успешен.

Как я могу это сделать ??Проверьте мой код здесь:

$(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

Скрыть элемент при вызове $.ajax() и показать его снова в обратном вызове success. Чтобы удостовериться, добавьте обратный вызов error, делающий то же самое, чтобы элемент показывался в случае сбоя запроса.

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

Answer 2

Скрыть в начале отправки, и в случае успеха показать.

$(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;
    });
});