jQuery: Actualiser div après l'autre jquery action?

Comment puis-je actualiser élément (div, la classe quoi que ce soit) après l'autre jquery action?

J'ai cette action qui est la suppression d'un enregistrement de base de données et j'ai besoin d'actualisation de la div qui est de l'extraction de certaines autres données de la base de données ainsi...

Bien voici le code:

$(function() {
    $(".delete").click(function() {
        var commentContainer = $(this).parent();
        var id = $(this).attr("id");
        var string = 'id='+ id ;

        $.ajax({
           type: "POST",
           url: "delete.php",
           data: string,
           cache: false,
           success: function(){
               commentContainer.slideUp('slow', function() {$(this).remove();});
           }
         });

        return false;
    });
});

Merci pour toute aide! 🙂

  • L'élément voulez-vous vous rafraîchir? Comment est-ce que l'élément de recevoir des données de la base de données en premier lieu?
  • Pourquoi ne pas regrouper dans un unique appel ajax? Lors de la suppression d'un enregistrement le serveur renvoie le code HTML pour remplir votre élément de prédilection. A plus de sens de l'OMI.
InformationsquelleAutor Marko | 2009-09-28
  1. 7

    Pendant un appel AJAX, vous pouvez utiliser le succès de la fonction à exécuter des commandes après un appel réussi. Vous avez déjà une fonction dans votre code, de sorte que son une simple question de mise à jour de cette fonction. La deuxième div que vous aimerez pour la mise à jour peut être chargé avec AJAX trop.

     $.ajax({
  //other options
  success:function(){
       commentContainer.slideUp('slow', function() {$(this).remove();});
       $('#otherdiv').load('urlofpagewith info.php');
  }

 });
    • Oui c'est ce que je voulais! En fait il ya quelques instants, j'ai trouvé quelque part d'autre .charge de chose et tout simplement pas remarqué où le mettre.. 🙂 Merci à Vous!
    InformationsquelleAutor Vincent Ramdhanie
  2. 5

    Simplement exposer les data paramètre de la réussite de rappel et de remplacer le contenu de n'importe quel élément, dans cet exemple div id="someDiv":

    $.ajax({
   type: "POST",
   url: "delete.php",
   data: string,
   cache: false,
   success: function(data){
    commentContainer.slideUp('slow', function() {$(this).remove();});
    $('#someDiv').html(data);
  }
 });

    Voir ajax options pour plus d'informations.

    Aussi, pour l'amour de dieu n'est pas le type d'utilisation des noms comme noms de variables, c'est vraiment effrayant et terrible pratique, même si string n'est pas un mot réservé en Javascript (utiliser data: str ou data: dataString à la place).

    • +1 pour la mise en garde contre les mots réservés!
    InformationsquelleAutor karim79
  3. 0

    Pourquoi ne pas ajouter une fonction qui ne l'rafraîchissante après la première ajax est un succès (en supposant que vous ne pouvez pas combiner les deux en un seul ajax requist qui est plus efficace).

    
...
function doRefresh_ofAnotherDiv() {
   $.ajax({
      type: ...,
      url: ...,
      data: ...,
      cache: ...,
      success: function(){
         //updateAnotherDiv();
      }
   });
}
...
$.ajax({
   type: "POST",
   url: "delete.php",
   data: string,
   cache: false,
   success: function(){
      commentContainer.slideUp('slow', function() {$(this).remove();});
      doRefresh_ofAnotherDiv();
   }
});
...

    Espère que cette aide.

    InformationsquelleAutor NawaMan
  4. 0

    presque toutes les fonctions jquery ont la capacité d'utiliser les fonctions de rappel. ceux-ci sont appelés à chaque fois que l'action initiale est terminée en cours d'exécution. donc cela peut être utilisé avec n'importe quelle fonction, non seulement de l'ajax.

    InformationsquelleAutor helloandre