Ajax "async: false" et bug sur Chrome / Safari

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : Ajax "async: false" et bug sur Chrome / Safari

Hermes le Messager

Breton Quiétiste

Bonjour tout le monde,

Soit le code basic utilisant Ajax suivant :

Code :

var cpt;
for (cpt = 0; cpt < 20; cpt++)
{
$.ajax({
url: 'exec_actions.php',
type: 'POST',
data: {var_4_treatment: cpt},
success: function(response)
{
document.getElementById('text_field').value = 'kikou ' + cpt;
}
async: false
});
}

Le champ avec l'id text_field n'est pas mis à jour... Le fait d'appeler Ajax avec async à false empêche le rafraichissement le tout élément graphique dans le navigateur.
Cela est vrai dans Chrome et Safari. Dans Firefox par contre, le "bug" n'est pas présent et cela fonctionne.

J'ai cherché un peu partout sur internet et la réponse est systématiquement la même : problème connu, le aysnc: false est le mal blablabla...

Dommage, car pour faire des progress bars qui sont réellement à jour pour par exemple "loader" plusieurs fichiers, c'est pas bien pratique.... (C'est le moins qu'on puisse dire)

Alors vous allez me dire : c'est possible avec async à true et tel ou tel contournement crade... Merci, je les connais déjá, je sais comment faire. C'est pas l'objet de ce topic.

L'objet de ce topic est de savoir si REELLEMENT il n'existe aucune solution avec async: false sur Chrome et Safari.

Merci

---------------
Expert en expertises

Publicité

gatsu35

Blablaté par Harko

Je vois pas pourquoi tu veux faire du chargement synchrone en Ajax,
Tu pourrais très bien gérer le chargement de plusieurs contenus sans faire une boucle, il suffit simplement que ta méthode se rappelle elle même.

Code :

function load(cpt, max, cb) {
$.ajax({
url: 'exec_actions.php',
type: 'POST',
data: {var_4_treatment: cpt},
success: function(response)
{
document.getElementById('text_field').value = 'kikou ' + cpt;
if(cpt<max) load(cpt++, max, cb);
else {
if(cb) cb();
}
}
async: true
});
}
load(0,20, function() {
console.log("Ayait tout fini" );
});

de l'Ajax synchrone c'est de la merde et c'est le mal, et avec ce bout de code tout con, je viens de te montrer que c'est pas compliqué et que tu peux faire des trucs encore plus sexy.

il existe en plus pleins de méthodes avec jquery qui te permettent de rendre ça plus sexy.
Le queue, promise and co....

Et tu auras la même réponse partout où tu vas, car à partir du moment où tu fais un appel synchrone dans ton navigateur, tout le code est bloqué, idem pour le browser, car sinon ça fait un blocage dégueulasse.
Et essaye de charger un fichier de 5Mo en ajax et reviens nous voir pour dire si le bug ne marche pas sous Firefox

Message édité par gatsu35 le 25-02-2014 à 22:22:24

---------------
Blablaté par Harko

FORUM HardWare.fr

Programmation

HTML/CSS

Ajax "async: false" et bug sur Chrome / Safari

Sujets relatifs
Erreur AJAX/JS	Ouvrir un lien réseau "file://" sous google chrome
problème Javascript sous safari	Faire repeter une action Google Chrome et Bloc Note
[JQUERY/ASP/ORACLE]TABLE AJAX COLLAPSE PAGINATION	AJAX - Recupérer ID après injection
Petit problème ajax avec JSON	Ajax formulaire dans une boucle
[Recherche] Web service retournant "true" ou "false"	Autocomplétion ajax avec différents champs
Plus de sujets relatifs à : Ajax "async: false" et bug sur Chrome / Safari

Page générée en 0.054 secondes