aide avec jquery ajax succès événement

Question

J'ai un problème avec mon bouton de mise à jour et jquery ajax. En ce moment, quand je clique sur mon bouton de mise à jour, il enregistre les données mises à jour dans la base de données. Mon objectif est de faire glisser un message si la mise à jour est réussie. Je regardais poste ajax et en utilisant l'événement de succès semble que cela fonctionnerait, mais je ne sais pas comment l'incorporer. Comment ferais-je cela? Serait-ce quelque chose comme ça?

 $(document).ready(function(){ 
     $('#divSuccess').hide(); 

     $('#btnUpdate').click(function() { 
     alert('button click'); 
      $.ajax({ 
        url: "test.aspx", 
        context: document.body, 
        success: function(){ 
        $('#divSuccess').show("slide", { direction: "down" }, 3000); 
        $('#divSuccess').hide("slide", { direction: "down"}, 5000); 
        } 
       }); 
     }); 
    }); 

Answer 1

consultez ce question pour un exemple sur la façon de gérer l'événement de succès. J'espère que cela t'aides!

Answer 2

$("#targetDiv").load("page.php",$("#form").serializeArray(),function (response) 
      { 
       if (response == '0' && response != '') 
       alert('Request not sent to server !\n'); 
       else if(response == '-1') 
       alert('Please write some more !\n'); 
       else 
       { 
       alert("success! "); 
       } 
      } 
     ); 

j'ai ed écho 0 et -1 pour l'échec et d'autres pour le succès

Answer 3

Dans la fonction post jquery, vous pouvez exécuter une fonction de rappel.

function (data, textStatus) { 
     // data could be xmlDoc, jsonObj, html, text, etc... 
     this; // the options for this ajax request 
     // textStatus can be one of: 
     // "timeout" 
     // "error" 
     // "notmodified" 
     // "success" 
     // "parsererror" 
     // NOTE: Apparently, only "success" is returned when you make 
     // an Ajax call in this way. Other errors silently fail. 
     // See above note about using $.ajax. 
    } 

http://docs.jquery.com/Post

Answer 4

Avec au moins jQuery 1.5, vous avez des objets différés et nouvelle syntaxe pour les événements AJAX (y compris success).

var $ajaxcall = $.ajax({ 
    url : 'myurl.svc/somemethod', 
    data : '{ somedata : "sometext" }' 
}); 

$ajaxcall.success(function() { 
    // do something on successful AJAX completion 
}); 

Bien sûr, vous pouvez enchaîner ainsi que, et appeler quelque chose le long des lignes de $.ajax().success() ou quelque chose.

Juste wrote a blog post on it myself, si vous êtes intéressé à lire plus.