[AJAX] ajax / javascript

Version imprimable

02/09/2009, 21h22
troumad

[AJAX] ajax / javascript

Bonjour

Je teste l'AJAX depuis ce matin.
Je viens de remarquer une chose un peu gênante.

Si, avec un appel AJAX, je génère du nouveau code html dans ma page web et que ce code html contient du code javascript avec une fonction dedans, et bien cette fonction n'est pas trouvé si je l'appelle.

En y réfléchissant, ce n'est pas si troublant que ça : le javascript est exécuté lors de l'ouverture de la page. Là, mon code est posé après l'ouverture de la page. Donc, il n'est ni exécuté, ni mémorisé :(

Mais ? Peut-on mémoriser de force une fonction javascript qu'un script javascript fabriquerait (grâce au résultat d'un requette AJAX par exemple) ?

Salut,

Tu peux ajouter un élément script dynamiquement:
Pour charger un script via une URL:

Code:

1
2
3
4
5
 
        script = document.createElement("script"); 
        script.type = "text/javascript"; 
        script.src  = url; 
        document.getElementsByTagName("head")[0].appendChild(script);

Pour charger un script via un code:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
 
<html>
  <head>
  <script type="text/javascript">
 
  function go() {
        script = document.createElement("script"); 
        script.type = "text/javascript"; 
        script.text  = "function hello() { alert('Hello world !'); }"; 
        document.getElementsByTagName("head")[0].appendChild(script);   
  }
  </script>
 
  </head>
  <body>
  <button onclick="go();hello();">Test</button>
  </body>
</html>

ERE

03/09/2009, 07h10
troumad

Merci !

En réfléchissant cette nuit, je pensais bien à la possibilité d'une telle chose : document.getElementsByTagName("head")[0].appendChild(script); . Mais je ne voyais pas laquelle.

Je vais tester aujourd'hui ! Je crois qu'il faut prévoir dans le code même de la page mère le programme pour rajouter le script et après, il faut le rajouter en fonction du retour de l'AJAX => je vais donc essayer de profiter du X de AJAX aujourd'hui juste pour séparer le code html du code javascript. Je ne voyais pas encore d'intérêt de ce X, j'en ai enfin un.

Bonjour

Je ne suis pas bien arrivé à faire du xml. Mais, je ne pense pas que ça aurait simplifié mon problème !
Finalement, je génère une page php comme si je voulais faire un include, mais son format est FIGÉ :
Code:

1 2 3 4 5 6 7 8 <script type='text/javascript'> //<![CDATA[ Le code javascript //]]></script> Le code html
La fonction qui traite ce code est :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 <script type="text/javascript"> //<![CDATA[ function recup_ajax(texte,place) { script = document.createElement("script"); script.type = "text/javascript"; milieu=texte.indexOf("\/\/]]><\/script>",0) script.text = texte.substring(45,milieu-1); document.getElementsByTagName("head")[0].appendChild(script); document.getElementById(place).innerHTML=texte.substring(milieu+14); } //]]></script>
ET l'appel se fait de cette façon :

Code:

recup_ajax(xhr.responseText,"id où je vais mettre le code HTML");

04/09/2009, 10h37
emmanuel.remy

Salut,

La démarche globale que tu aurais pu appliquer était d'extraire de ta page obtenue tous les textes Javascript et de les injecter comme script, puis le reste comme HTML.

ERE
04/09/2009, 13h17
troumad

Tu veux dire sans place imposée au début pour le JS ?
04/09/2009, 19h09
emmanuel.remy

Re,

Oui, peut-être est ce une possibilité moins contraignante ?

ERE
04/09/2009, 20h40
troumad

C'est moins contraignant pour le retour de l'appel ajax, mais beaucoup plus pour la récupération des données.

J'ai fait le choix du moindre travail pour une performance toute aussi bonne :pingoin2: