Wie würde ich jquery ajaxstart und ajaxstop mit $.post?

Grundsätzlich möchte ich zu zeigen, ein lade-gif...

hier ist der code, den ich verwende:

$("#mail-change input[type=submit]").click(function(event){

$.post('user_settings.php', $("#mail-change").serialize(), function(res) {

$(res).insertBefore(".grey");

}, 'html')

});
InformationsquelleAutor pete | 2010-11-22
  1. 15
    $("#loading").ajaxStart(function() {
    $(this).show();
}).ajaxStop(function() {
    $(this).hide();
});

    EDIT:

    $("#mail-change input[type=submit]").click(function(event){
    $("#loading").show()
    $.post('user_settings.php', $("#mail-change").serialize(), function(res) {
        $(res).insertBefore(".grey");
        $("#loading").hide();
    }, 'html');
});

    oder:

    $.ajax({
   url : 'user_settings.php',
   data: $("#mail-change").serialize(),
   beforeSend: function(){
     $("#loading").show();
   },
   complete: function(){
     $("#loading").hide();
   },
   success: function(res) {
     $(res).insertBefore(".grey");
   }
 });

    Finden Sie unter:

    • Danke für die Antwort.
    • Danke für die Antwort. Problem ist, dass ich mehrere Formulare mit $.post-Anfragen auf der Seite.... Diesen code bekommen würde, ausgelöst von einem $.post-requests
    • in diesem Fall würde ich vorschlagen, enthüllt die Ladeanzeige direkt vor der $.post und verstecken es wieder in der Erfolgs-callback. Bitte siehe mein edit.
    • Genial, vielen Dank Karim79
    • eine andere Sache, die Sie verwenden können $.ajax's beforeSend und complete Rückrufe zu. Ich habe gerade noch einmal editiert.
    • noch besser! danke!

    InformationsquelleAutor karim79
Schreibe einen Kommentar