[AJAX] ajax et function javascript

Version imprimable

05/02/2010, 21h13
bailamos

[AJAX] ajax et function javascript

salut tous le monde;
quand j'importe une page php a l'aide d'ajax pour metre le contenue dans une div tous va bien mais quand j'essay d'executer les function javascript presente dans la page importer ca marche pas!
que faire

merci
05/02/2010, 23h50
michaelcourcy

Bonjour,

Qu'est-ce que veut dire importer une page php ? Si ce code représente du code JS est-ce qu'il a bien été pris en compte par l'interpreteur javascript avec "eval"

index.php

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
 
<a href="#" onclick="ajax('ajouter_vendeur.php,'div')">ajouter Vendeur</a> - 
 
<br><br>
<div id="div"></div>
 
<script>
function ajax(url,div){
document.getElementById(div).innerHTML ='connection en cours';
if(window.XMLHttpRequest)
	xhr_object = new XMLHttpRequest();
else if(window.ActiveXObject)
	xhr_object = new ActiveXObject("Microsoft.XMLHTTP");
else
	return(false);
 
xhr_object.open("GET",encodeURI(url), false);
xhr_object.send(null);
 
if(xhr_object.readyState == 4)
 document.getElementById(div).innerHTML=xhr_object.responseText;
else
 document.getElementById(div).innerHTML='connection inpossible';
}
</script>

ajouter_vendeur.php

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
 
<?php
echo 'ajouter Vendeur<br>';
 
echo '<br>nom<input type="text" name="nom">';
echo '<br>prénom<input type="text" name="prénom">';
echo '<br>utilisateur<input type="text" name="utilisateur">';
echo '<br>pass<input type="text" name="pass">';
echo '<br>Téléphone<input type="text" name="Téléphone">';
 
echo '<input type="submit" value="valider" onclick="conf()">';
 
?>
 
<script>
function conf(){
var nom='&nom='+document.getElementById('nom').value;
var prénom='&prénom='+document.getElementById('prénom').value;
var utilisateur='&utilisateur='+document.getElementById('utilisateur').value;
var pass='&pass='+document.getElementById('pass').value;
var Téléphone='&Téléphone='+document.getElementById('Téléphone').value;
 
}
</script>

voici les 2 page ajouter vendeur functione bien seul mais dans le div ca marche pas

06/02/2010, 08h52
Bovino

C'est expliqué dans la :faq:
http://javascript.developpez.com/faq/?page=Ajax#majAjax
07/02/2010, 18h56
bailamos

Citation:

Envoyé par Bovino

C'est expliqué dans la :faq:
http://javascript.developpez.com/faq/?page=Ajax#majAjax

merci mais je ne sais pas quoi ecrire dans cette function afterAjax

:aie:
07/02/2010, 19h17
Bovino

Ben par exemple, tu ajoutes à ton submit un id (disons id="soumettre") et dans afterAjax :

Code:

document.getElementById('soumettre').onclick = conf;
08/02/2010, 17h10
bailamos

Citation:

Envoyé par Bovino

Ben par exemple, tu ajoutes à ton submit un id (disons id="soumettre") et dans afterAjax :

Code:

document.getElementById('soumettre').onclick = conf;

meme commeça la fonction n'est pas reconnue
08/02/2010, 20h17
Bovino

Désolé, je n'avais pas fait attention que ta fonction JavaScript faisait partie de la réponse renvoyée par le serveur.
Le problème, c'est que pour des raisons entre autre de sécurité, le code JavaScript intégré à une réponse serveur n'est pas évaluée. Il faut donc soit séparé les différents éléments de la réponse soit intégrer directement ta fonction dans le code initial.
08/02/2010, 20h21
michaelcourcy

Citation:

Envoyé par Bovino

Désolé, je n'avais pas fait attention que ta fonction JavaScript faisait partie de la réponse renvoyée par le serveur.
Le problème, c'est que pour des raisons entre autre de sécurité, le code JavaScript intégré à une réponse serveur n'est pas évaluée. Il faut donc soit séparé les différents éléments de la réponse soit intégrer directement ta fonction dans le code initial.

Soit faire un eval comme je le propose dans mon premier post ... Mais c'est clairement pas la solution la plus jolie. La solution de Bovino est meilleure, pour le debuggage par exemple avec firebug ce sera beaucoup plus simple.
17/02/2010, 12h08
krolineeeeeeee

Autre solution, utiliser le JQuery, et là, à chaque mise à jour via Ajax, le script est rechargé...
17/02/2010, 13h16
Bovino

Citation:

Envoyé par krolineeeeeeee

Autre solution, utiliser le JQuery, et là, à chaque mise à jour via Ajax, le script est rechargé...

jQuery ne fait pas cela par magie :roll:
En intenre, c'est bien le fonctionnement décrit qui est réalisé...