« Jquery » : différence entre les versions

De Marmits Wiki
Aucun résumé des modifications
Ligne 1 : Ligne 1 :
== Ajax ==
== Ajax ==
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 ===
<pre>
<pre>
# récupérer des datas
function getPageDatas(var1, var2, callback, callback2)
function getPageDatas(var1, var2, callback, callback2)
{
{
Ligne 28 : Ligne 29 :
     });
     });
}
}
</pre>


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


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


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

Version du 29 juin 2020 à 23:46

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);