Contenu javascript sur une page ajax

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

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, 20h21

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, 20h27

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, 21h19

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, 21h33

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, 22h09

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, 10h52

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

Contenu javascript sur une page ajax

jQuery

Vue hybride

Discussions similaires

Partager

Partager