« Jquery » : différence entre les versions

De Marmits Wiki
Page créée avec « Comment exécuter de nombreuses requêtes ajax et obtenir les résultats en un seul rappel avec jQuery $ .ajax category:web »
 
Aucun résumé des modifications
 
(21 versions intermédiaires par le même utilisateur non affichées)
Ligne 1 : Ligne 1 :
Comment exécuter de nombreuses requêtes ajax et obtenir les résultats en un seul rappel avec jQuery $ .ajax
== Ajax ==
Comment exécuter le traitement de nombreuses requêtes ajax et obtenir les résultats en un seul rappel avec jQuery $.ajax ?


[[category:web]]
=== récupérer des datas ===
<pre>
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");
    });
}
</pre>
 
=== avec les datas récupérés, faire un traitement ===
<pre>
function setQuelqueChose1(data, var1, var2){
  resulatJSON = data;
  return false;
}
</pre>
 
=== avec les datas récupérés, faire un autre traitement ===
<pre>
function setQuelqueChose2(data, var1, var2){
  resulatJSON = data;
  return false;
}
</pre>
 
=== sur un événement (load, click, popstate) ===
<pre>
getPageDatas(var1, var2, setQuelqueChose1, setQuelqueChose2);
</pre>
[[category:Javascript]]

Dernière version du 28 août 2024 à 06:48

Ajax

Comment exécuter le traitement 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 autre traitement

function setQuelqueChose2(data, var1, var2){
  resulatJSON = data;
  return false;
}

sur un événement (load, click, popstate)

getPageDatas(var1, var2, setQuelqueChose1, setQuelqueChose2);