« Jquery » : différence entre les versions

De Marmits Wiki
Aucun résumé des modifications
Ligne 1 : Ligne 1 :
== Ajax ==
== Ajax ==
<pre>
<pre>
Comment exécuter de nombreuses requêtes ajax et obtenir les résultats en un seul rappel avec jQuery $.ajax
Comment exécuter de nombreuses requêtes ajax et obtenir les résultats en un seul rappel avec jQuery $.ajax ?
# récupérer des datas
function getPageDatas(var1, var2, callback, callback2)
function getPageDatas(var1, var2, callback, callback2)
{
{
Ligne 28 : Ligne 29 :
}
}


#avec les datas récupérés, faire un traitement
function setQuelqueChose1(data, var1, var2){
function setQuelqueChose1(data, var1, var2){
   resulatJSON = data;
   resulatJSON = data;
Ligne 33 : Ligne 35 :
}
}


#avec les datas récupérés, faire un traitement
function setQuelqueChose2(data, var1, var2){
function setQuelqueChose2(data, var1, var2){
   resulatJSON = data;
   resulatJSON = data;
Ligne 38 : Ligne 41 :
}
}


//sur un événement (load, click, popstate)
#sur un événement (load, click, popstate)
getPageDatas(var1, var2, setQuelqueChose1, setQuelqueChose2);
getPageDatas(var1, var2, setQuelqueChose1, setQuelqueChose2);
</pre>
</pre>
[[category:web]]
[[category:web]]

Version du 13 juin 2020 à 22:04

Ajax

Comment exécuter de nombreuses requêtes ajax et obtenir les résultats en un seul rappel avec jQuery $.ajax ?
# récupérer des datas
function getPageDatas(var1, var2, callback, callback2)
{
    Datas1 = $.ajax({
      ...
      success: function(response) {
        callback1(response, var1, var2);
      }
    });
    Datas2 = $.ajax({
      ...
      success: function(response) {
        callback2(response, var1, var2);
      }
    });

    $.when(
      Datas1,  Datas2,
    )
    .then(function (Datas1, Datas2) {
       //par exemple une fonction d'affichage une fois que tous les callbacks sont chargés

    }).fail(function (problem) {
        console.log("problème multi callback");
    });
}

#avec les datas récupérés, faire un traitement
function setQuelqueChose1(data, var1, var2){
  resulatJSON = data;
  return false;
}

#avec les datas récupérés, faire un traitement
function setQuelqueChose2(data, var1, var2){
  resulatJSON = data;
  return false;
}

#sur un événement (load, click, popstate)
getPageDatas(var1, var2, setQuelqueChose1, setQuelqueChose2);