« Jquery » : différence entre les versions

De Marmits Wiki
Aucun résumé des modifications
Aucun résumé des modifications
 
(13 versions intermédiaires par le même utilisateur non affichées)
Ligne 1 : Ligne 1 :
== 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 ===
<pre>
<pre>
Comment exécuter de nombreuses requêtes ajax et obtenir les résultats en un seul rappel avec jQuery $.ajax
function getPageDatas(var1, var2, callback, callback2)
function getPageDatas(var1, var2, callback, callback2)
{
{
Ligne 26 : Ligne 29 :
     });
     });
}
}
</pre>


 
=== 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 autre 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) ===
getPageDatas(var1, var2<big><big>Grand texte</big><big><big>Grand texte</big></big></big>, setQuelqueChose1, setQuelqueChose2);
<pre>
getPageDatas(var1, var2, setQuelqueChose1, setQuelqueChose2);
</pre>
</pre>
[[category:web]]
[[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);