Discussion :

[Ryu007]

Bonjour,

Après le peu de réponse obtenu à mon précédent post , je me tente pour avoir une réponse à ma préoccupation du moment.

Comme mentionné dans le titre du topic, je voudrais fermer ma fonction si le délai est dépassé.
Car si le client doit attendre 10 à 20 sec je trouve que ça n'a plus aucun interet.
Seulement voilà, comment faire.

Je pensais utiliser setTimeOut comme ceci

Code :

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

setTimeout(timeOut(xhr), 10000);

avec la fonction suivante (l'idée c'est de valider le formulaire étant donné que l'accès au fichier est trop long)

Code :

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

1
2
3
4
function timeOut(xhr) {
  xhr.abort();
  return document.getElementById('add2cart').submit();
}

Mais comment peut-on savoir quand le script "traine" et seulement quand il traine au bout de xx durée ?
ça se passerait dans le onreadystatechange ?

Cordialement

[SpaceFrog]

teste le status dasn un setTimeout ?

[E.Bzz]

Le pb en faisant tout par script, c'est que même après l' abort(), le visiteur attendra peut-être toujours (suivant ce à quoi te sert Ajax dans ce cas) ...
Quand j'ai eu à le faire, j'ai affiché un div d'attente dans lequel j'ai mis un bouton "Annuler" => c'est lui qui fait le abort()
Comme ça c'est le visiteur qui décide d'annuler, si lui trouve que c'est trop long.
Il faut que l'objet xhr soit déclaré en global pour être accessible via le bouton ...

[FremyCompany]

Le pb en faisant tout par script, c'est que même après l' abort(), le visiteur attendra peut-être toujours (suivant ce à quoi te sert Ajax dans ce cas) ...
Quand j'ai eu à le faire, j'ai affiché un div d'attente dans lequel j'ai mis un bouton "Annuler" => c'est lui qui fait le abort()
Comme ça c'est le visiteur qui décide d'annuler, si lui trouve que c'est trop long.
Il faut que l'objet xhr soit déclaré en global pour être accessible via le bouton ...

Pas nécéssairement...

Code :

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

1
2
3
4
5
6
7
function x() {
  var xhr = getXhr();
  // ...
  document.getElementById("theAbortButton").onclick=function() {
    xhr.abort();
  }
}