[AJAX] ajax / javascript

**troumad** · 02/09/2009, 21h22

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) ?

**emmanuel.remy** · 03/09/2009, 01h03

Salut,

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

Code :

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

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 :

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
 
<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

**troumad** · 03/09/2009, 07h10

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.

**troumad** · 04/09/2009, 07h43

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 :

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

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 :

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

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 :

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

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

**emmanuel.remy** · 04/09/2009, 10h37

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

**troumad** · 04/09/2009, 13h17

Tu veux dire sans place imposée au début pour le JS ?

**emmanuel.remy** · 04/09/2009, 19h09

Re,

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

ERE

**troumad** · 04/09/2009, 20h40

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

[AJAX] ajax / javascript

AJAX

Discussions similaires

Partager

Partager