Discussion :

[sidacoq]

Bonjour,

J'aimerais savoir s'il est possible de limiter les requêtes simultannées XHR ?
J'ai une boucle qui lit un fichier JSON et qui envoie une requête XHR a chaque ligne (100 lignes).

Le problème est qu'il envoi 100 requêtes en même temps et que le serveur de l'autre côté ne gére pas çà (Google)

Le but est d'injecter 100 nouvelles entrées dans un calendrier Google via Google Calendar API.
Dans ce cas, XHR et le fichier JSON ne concerne pas l'API de Google.

En comparaison, Mootools gére très bien çà dans le REQUEST avec l'option LINK: CHAIN. Mais je ne peux pas l'utiliser car CORS ne gére pas les entête X-Requested-With et Mootools ne permet pas de supprimer cette entête.

Voila merci en espérant que vous pouvez m'aider.

[NoSmoking]

Bonjour,
as tu essayé d'envoyer la requête suivante quand la précédente à aboutie?

[Bovino]

Je pense surtout que tu as essentiellement un problème de conception...
Prévoir d'envoyer une centaine de requêtes simultanées n'est pas viable, tu devrais penser à rapatrier toutes les données en une seule fois puis faire les traitements adaptés.

[sidacoq]

Je pense surtout que tu as essentiellement un problème de conception...
Prévoir d'envoyer une centaine de requêtes simultanées n'est pas viable, tu devrais penser à rapatrier toutes les données en une seule fois puis faire les traitements adaptés.

Je pense bien mais l'api de google ne le permet pas. J'aurais bien aimer envoyé tous un JSON bien formaté...

La solution que j'ai trouvé a été d'envoyé les requêtes, les une aprés les autres avec un setTimeout d'une seconde qui s’incrémente à chaque nouvelle connection et voila ^^

Merci pour vos réponses

[sdamart]

Salut,
Dans l'hypothèse où vos données J.S.O.N sont stockées dans un tableau, 3 Solutions sont possible
1 - vous utilisez jQuery

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
 
index=-1
function sendRequest()
{
//Arreter le timer
clearTimeout(_timer);
// incrémenter l'index
index++
if(_request[index]!=undefined){
$.ajax({
url:[votre_url]
type:"POST",
data:_request[index],
success:function(data){
//ici votre code en cas de succes
_timer=setTimeout(function(){sendRequest();},1000);
}
})
}
}

2 - Vous n'utilisez pas jQuery et envoyer vos requêtes en mode synchrone

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
function sendRequest(){
clearTimeout(_timer)
index++;
if(_request[index]!=undefined){
var xhr=new XMLHttpRequest();
xhr.open("POST",[votre url],false);
xhr.send(_request[index])
if(xhr.responseText!=undefined){
//votre code
_timer=setTimeout(function(){sendRequest();},1000);
}
}
}

3 - Vous n'utilisez jQuery et envoyer vos requête en mode asynchrone

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
 
function sendRequest(){
clearTimeout(_timer)
index++;
if(_request[index]!=undefined)
{
 var ajax=new XMLHttpRequest();
 ajax.open("POST",[votre url],true);
ajax.send(_request[index]);
ajax.onReadyStateChange=function(){
if(ajax.readyState==4){
if(ajax.statut!=500&&ajax.statut!=404){
//ici votre code
_timer=setTimeout(function(){sendRequest();},1000);
}
}
}
}
}

Evidemment je part du principe qu'il faille envoyer vos donnée JSON en POST, sans quoi la requête ne peut fonctionner correctement.
En résumer le principe est de stocker vos requête JSON dans un array en variable globale, créer un index global et d'utiliser un fonction itérative pour envoyer une à une chaque requête.

Bonne Chance

[sidacoq]

waow super la réponse
Complète ...

Merci