[AJAX] xmlHttp.responseText et innerHTML
Bonjour,
je débarque sur une solution Ajax il ya 3 jours , en fait mon problème :
je veux afficher des résultats de recherche dans un div résultat en fonction du scrolling cad lorsque la position du scroll atteind la fin de la page une requette qui demande les 10 résultats suivant est envoyé au serveur et les résultats sont affiché à la fin du div.
techniquement : mon résultats est "xmlHttp.responseText " , ma première solution c'était :
document.getElementById("result").innerHTML +=; xmlHttp.responseText;
mais j'ai remarqué que le temps d'affichage des résultats augmente avec le nombre des requettes et la taille du div résultats , en fait lorsque il ya un nouvel résultat , tout le contenu du div résultat est reconstrui...
donc cette solution est à rejeté .
ma deuxième solution est de jouer sur les objet du dom js;
voila :
si je met :
var mydiv = document.createElement('div');
mydiv.innerHTML = xmlHttp.responseText;
document.getElementById("result").appendChild(mydiv);
le browser est bloqué
et si je met :
var mydiv = document.createElement('div');
var text = document.createTextNode(xmlHttp.responseText);
mydiv.appendChild(text) ;
document.getElementById("result").appendChild(mydiv);
le problème du temps de réponse est reglé mais le résultat est affiché sous format text cad comme :
<doctype ........> <div>hhdhhhhd</div>................................
voila si on veut résumer la problématique : dans la deuxième solution je veux une méthode ou une technique qui interprete xmlHttp.responseText sous format HTML comme elle fait la méthode .innerHTML.
Cordialement...
Lassaad MATHLOUTHI.
