Contenu javascript sur une page ajax

**7804j** · 29/06/2011, 17h51

Bonjour,

J'utilise actuellement ajax depuis relativement peu de temps et je suis confronté à un problème.

Sur ma page requete.php, qui est celle qui va afficher le contenu récupéré par AJAX, j'ai le script tout simple

Code :

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

1
2
3
4
5
 
<script type="text/javascript">
var name = "test";
alert(name);
</script>

Au chargement de la page AJAX, je reçois l'alerte.

Maintenant, avec ce code là :

Code :

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

1
2
3
4
5
 
<script type="text/javascript">
var name = "test";
<a href="#" onclick="alert(name);">test</a>
</script>

Je reçois une alerte à contenu vide quand je clique sur le lien.

J'en déduis donc que lors d'une requête AJAX, le javascript est exécuté mais toutes les données sont ensuite immédiatement supprimées.

Est-ce vrai ? Si non, que se passe-t'il ? Si oui, comment faire pour contourner le problème ?

Merci d'avance de votre aide,

7804j

**SpaceFrog** · 29/06/2011, 19h21

sujet maintes fois traité...
une recherche s'impose ...

sinon y'a des articles comme celui ci
http://dmouronval.developpez.com/tut...-requete-ajax/

**micetf** · 29/06/2011, 19h27

Bonjour,

Malgré la réponse de SpaceFrog, je pense que la réponse n'est pas aussi complexe :
Je penche plutôt pour le fait que 'name' soit un mot réservé en JS.
En effet, essaye avec 'nom' au lieu de 'name' et là tu n'auras plus de soucis.

Code PHP :

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
 
<html>
<head>
<script type="text/javascript" src="js/jquery-1.5.1.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
	$('input').click(function() {
		$.post('requete.php',function(data){
			$('#data').html(data);
		});
	});
});
</script>
</head>
<body>
<input type="button" value="test"/>
<div id="data"></div>
</body>
</html>

et

Code PHP :

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

1
2
3
4
5
6
7
8
 
<?php 
echo '
<script type="text/javascript">
var nom="autre";
</script>
<a href="#" onclick="alert(nom); return false;">test</a>
';

Mais peut-être me trompe-je...

MiCetF

**SpaceFrog** · 29/06/2011, 20h19

j'ai cru comprendre que la question portait sur l'interprétation du javascript contenu dans une reponse Ajax ?

Les echanges entre client et serveur ne se font que sous format de string ...
Si un script est contenu dans la réponse il ne sera pas interprété.

Mais il est clair que nommer une variable name, c'est tendre le baton pour se faire battre ...

**micetf** · 29/06/2011, 20h33

Envoyé par SpaceFrog

Les echanges entre client et serveur ne se font que sous format de string ...
Si un script est contenu dans la réponse il ne sera pas interprété.

Ce serait le cas si la réponse ajax était traitée comme telle (string) :

Code :

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

$('#data').text(data);

mais jquery permet de passer par le DOM et, finalement, cela se fait très facilement :

Code :

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

$('#data').html(data);

MiCetF

**Bovino** · 29/06/2011, 21h09

Code :

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

1
2
3
4
<script type="text/javascript">
var name = "test";
<a href="#" onclick="alert(name);">test</a>
</script>

Ben surtout, on ne peut pas intégrer du HTML dans un script

Ensuite, pour le choix de name comme nom de variable... c'est effectivement avoir envie de souffrir !

**SpaceFrog** · 30/06/2011, 09h52

en effet je confonds avec XMLHTTPRequest tout court sans jquery
Jquery permet en effet avec html() d'interpréter les scripts en retour ...

**7804j** · 30/06/2011, 17h13

ERF ! C'était effectivement le nom de la variable...

Je crois que je vais arrêter de faire mon Englych bicose je fais tout buguer.

Merci de l'aide

Contenu javascript sur une page ajax

jQuery

Discussions similaires

Partager

Partager