Discussion :

[biozaxx]

Bonjour,

je debute avec AJAX et suis en train de reecrire une appli qui reposait sur jsp-servlet.
Je fais appel aux requetes asynchronisées pour rafraichir des tableaux de données. En gros je recupere un <table>...</table> generé par la servlet.

En plus de ce tableau , je recupere également du javascript (objet + fonctions) qui est crée dynamiquement par la servlet.

au final ma réponse contient du text du style :

Code :

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

1
2
 
<table>...</table><script>...</script>

le req.responseText est ensuite injectée dans un div de la facon suivante:

Code :

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

1
2
 
document.getElementById('resultDiv').innerHTML = req.responseText;

Mon probleme : bien que le tableau soit bien présent, il m'est impossible d'appeler les methodes contenues dans les tag <script>
C'est comme si le code etait absent.

Est ce que cela est evident et si oui pourquoi ?

Remarque : je suis certain que le code javascript fonctionne car lorsque je l'utilise sans ajax , donc avec reconstruction totale de la page , tout marche bien

merci pour votre aide

[Pahcixam]

Salut,

moi même je commence l'ajax, mais je pense que le problème vient du fait que le js s'effectue du côté client, par son navigateur, hors l'ajax n'actualise pas le code source (vérifie avec firefox), donc c'est comme si le client ne l'avait jamais reçu puisqu'il n'est pas présent dans le code de la page.

Voilà, ça n'aide pas à la résolution du problème mais au moins, tu trouveras peut-être une autre solution (à moins que je me trompe.).

[biozaxx]

oui c'est bien ce que j'avais compris, le source n'est pas actualisé dans la page.
Neanmoins je pensais qu'en affectant au document la reponse renvoyée (via innerHTML) l'ensemble (<table> et <script>) etait present 'en memoire' .

Visiblement , seul le html est interprété et pas le reste

Dommage cela aurait pu etre interressant.

je laisse le post ouvert au cas ou

merci @+

[javatwister]

et tu ne peux pas placer ces fonctions dans le code de ta page? Pourquoi tenter de les importer?

[biozaxx]

alors c'est ce que j'ai fait hier. en fait au debut j'importais tout car je passais dynamiquement l'id du tableau. Je me suis arrangé autrement et j'ai donc
placé les fonctions dans la page.
mais ca ne fonctionne toujours pas :
en fait la fonction permet de trier un tableau html (renvoyé par ajax) en cliquant sur l'entete.
j'utilise une librairie javascript distribuée par webfex.

j'ai donc besoin de créer un objet js faisant référence à mon tableau (document.ElementById()) et d'une fonction redefinissant le tri pour les colonnes de types checkbox

Comme ca ne fonctionnait toujours pas , j'ai rajouté dans la page les balises du tableau , puis du header et AJAX renvoie uniquement le corps du tableau ! mais rien n'y fait ca ne fonctionne toujours pas et je ne comprend pas vraiment pourquoi. Ca doit probablement etre du au mecanisme des fonctions de la librairie qui ne voit pas les <TR> "en dur".

je peux eventuellement joindre un bout de code si vous voulez ....

[javatwister]

j'ai donc besoin de créer un objet js faisant référence à mon tableau (document.ElementById()) et d'une fonction redefinissant le tri pour les colonnes de types checkbox

ta fonction, c'est clair que tu peux l'inscrire dans ta page html;
après, attention à l'importation des données du tableau: si tu utilises innerHTML, tu vas faire du "pas beau"...

[biozaxx]

ta fonction, c'est clair que tu peux l'inscrire dans ta page html;

oui je l'ai fait mais ca ne fonctionne pas, a cause du innerHTML je suppose.

après, attention à l'importation des données du tableau: si tu utilises innerHTML, tu vas faire du "pas beau"...

c'est à dire ?
avec AJAX je ne peux faire QUE du innerHTML non ?

[javatwister]

ben pourquoi?
il n'est pas normal de créer tout un tableau en innerHTML alors que tu as besoin d'acutaliser des données tabulaires uniquement;
ton responseText peut renvoyer uniquement le tableau des nouvelles valeurs, par exemple;

[biozaxx]

en fait le contenu du tableau est different dans sa presque totalité a chaque fois (données recuperée en BDD)
donc c'est plus economique ( a priori) de recréer l'ensemble du tableau plutot que de "calculer" quelles lignes sont à enlever, rajouter, conserver.

c'est la raison pour laquelle j'updaté (via AJAX) le innerhtml du div contenant l'ensemble