[AJAX] Fonction abort() pour une XHR

**Dazing** · 16/12/2012, 11h10

Bonjour,

Je commence dans le développement web et me retrouve bloquée. J'en appelle donc à votre aide :p

Je cherche à créer deux boutons, le premier servant à lancer l'exécution d'une page (qui boucle indéfiniment) de manière asynchrone, et le second servant à stopper l'exécution de cette page.

Voilà la partie de mon code concernée:

Code :

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

1
2
3
4
5
6
7
8
9
10
 
...
var xhr = new XMLHttpRequest();
xhr.open("GET", "mapage");
</script>
<p>
  <input type="button" value="run" onclick="javascript: xhr.send(null)" />
  <input type="button" value="stop" onclick="javascript: xhr.abort()"/>
</p>
...

EDIT: je précise un peu le comportement de ma page:
Lorsque je clique sur le bouton run, "mapage" est bien exécutée, mais lorsque je clique sur le bouton stop, l'exécution de "mapage" n'est pas stoppée.

Où ai-je fauté?

Invité · 16/12/2012, 11h28

Bonjour,
Tu devrais étre plus clair, et poster le javascript complet !
En effet je craint que tu ne confonde la création d'une ressource AJAX et son arret par abort, et l'arret de la fonction AJAX elle même

A te lire
Christele

**Dazing** · 16/12/2012, 12h43

Bonjour,

Merci pour ta vive réponse!

Voici le contenu de ma page HTML:

Code html :

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
<html>
  <head>
    <title>Rotor</title>
  </head>
  <body>
<SCRIPT type="text/javascript" src="jquery.js"></SCRIPT>
<SCRIPT language="Javascript">
var xhr = new XMLHttpRequest();
xhr.open('GET', 'mapage');
 
</SCRIPT>
    <input type="button" name="bouton1" id="bouton1" value="run" onClick="javascript: xhr.send(null)">
    <input type="button" name="bouton2" value="stop" onClick="javascript: xhr.abort()"-->
 
 </body>
 
</html>

Merci de ton aide.

Invité · 16/12/2012, 13h13

Oui Oui je me doutait de cela, tu fait RUN paarfait la page est appelée par AJAX, mais le ABORT ne sert a rien car l'action AJAX est déja terminée depuis longtemps ... et AJAX n'a pas le pouvoir de modifier ton HTML !
Tu comprends cela

**Dazing** · 16/12/2012, 13h36

Donc la fonction abort() ne fait qu'arrêter l'action AJAX (qui est ici de lancer "mapage"). Comme "mapage" est déjà lancée lorsque j'appuie sur le bouton stop, la fonction abort() ne sert à rien ici.

Mais comment puis-je arriver à mes fins?

Invité · 16/12/2012, 13h46

Ta page appelée par AJAX tu l'a envoyée je pense dans un DIV ou aute partie de ta page principale

Alors ton ABORT doit appeler un bout de javascript qui vide cette partie
par exemple disons que ta page est dans un <DIV ID=truc >
le script serait

Code :

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

1
2
 
document.getElementById('truc').innerHTML='';

[AJAX] Fonction abort() pour une XHR

AJAX

Vue hybride

Discussions similaires

Partager

Partager