Rechercher : dans
Par :

[Javascript] XMLHttpRequest & optimisation

Dernière réponse le 9 avr 2007 à 22:54:02 Thireus, le 7 avr 2007 à 10:14:13 
 Signaler ce message aux modérateurs

Bonjour,

J'ai un petit souci avec mon code, j'ai des modules qui se chargent indépendamment sur mon site (http://www.dareyourmind.com/) et le problème est que lorsque la page se charge pour la première fois l'affichage est quasi instantané. Mais lorsque l'on navigue les modules sont de plus en plus long à charger.

Au début je pensais que c'était dû à une mauvaise gestion du cache et j'avoue que je ne sais pas comment résoudre ce problème. Mais j'ai pensé aussi qu'il était possible que les requêtes ne s'arrêtent pas et continuent à s'effectuer même si l'on change de page (je ne sais pas si c'est possible).

Toujours est-il que le site est rapide lors de la première visite mais devient très vite agaçant.

Je vous fais parvenir le code :


function request02(id, url, post) {
var XhrObj = null;

if(window.XMLHttpRequest) // Firefox
XhrObj = new XMLHttpRequest();
// Évite un bug du navigateur Safari :
if (window.overrideMimeType) {
window.overrideMimeType("text/xml");
}
else if(window.ActiveXObject) // Internet Explorer
XhrObj = new ActiveXObject("Microsoft.XMLHTTP");
else { // XMLHttpRequest non supporté par le navigateur
return alert("Please use Firefox or Internet Explorer to browse this website!");
}

if(post){
var method = "POST";
}else{
var method = "GET";
}

XhrObj.open(method, url, true);

XhrObj.onreadystatechange = function()
{
if (XhrObj.readyState == 4)
document.getElementById(id).innerHTML = XhrObj.responseText ;
}

if(method == "POST") {
XhrObj.setRequestHeader('Content-Type','application/x-www-form-urlencoded; charset=iso-8859-1');
XhrObj.send(post);
}else{
XhrObj.send(null);
}

}




Merci d'avance pour votre aide.

Configuration: Windows XP
Internet Explorer 6.0

Meilleures réponses pour « [Javascript] XMLHttpRequest & optimisation » dans :
Utilisation de l'objet XMLHttpRequest Voir Utilisation de l'objet XMLHttpRequest I - Introduction 1.1 - Quelques mots 1.2 - Techniques pré-requises II - Présentation 2.1 - Principe 2.2 - Utilisation asynchrone 2.3 - Avantages 2.4 - Inconvénients III - Architecture IV - Mise...
Javascript - Manipulation des contrôles clavier VoirManipulation des contrôles clavier Cette astuce a pour but de vous faire découvrir la (ou du moins une) manière de contrôler les évènements clavier en javascript. Cela vous permettra de contrôler/attribuer les/des comportements particuliers à...
Javascript - Modifier la hauteur (height) d'un élément HTML VoirPour modifier la hauteur d'un élément HTML en javascript, il suffit d'utiliser sa propriété de style "height". Pour cela vous pouvez y faire référence de la manière suivante : Si vous souhaitez connaître la hauteur (height) d'un bloc HTML, il...
Popup en CSS, sans Javascript VoirVoici comment réaliser une popup d'information en pure CSS, sans Javascript. L'astuce est d'utiliser :hover de manière à utiliser des CSS différents au passage du curseur. Parmis les attributs CSS modifiés, on utilise display:none afin de...
Javascript - Les événements VoirQu'appelle-t-on un événement? Les événements sont des actions de l'utilisateur, qui vont pouvoir donner lieu à une interactivité. L'événement par excellence est le clic de souris, car c'est le seul que le HTML gère. Grâce au Javascript il est...
Javascript - Les variables VoirLe concept de variable Une variable est un objet repéré par son nom, pouvant contenir des données, qui pourront être modifiées lors de l'exécution du programme. En Javascript, les noms de variables peuvent être aussi long que l'on désire,...
Javascript - Introduction au langage Javascript VoirQu'est-ce que le Javascript? Le Javascript est un langage de script incorporé dans un document HTML. Historiquement il s'agit même du premier langage de script pour le Web. Ce langage est un langage de programmation qui permet d'apporter des...

1

HackTrack, le 9 avr 2007 à 14:37:19

Salut!

Ou définis-tu la valeur des variables 'url' et 'post' que tu utilises lors de l'envoi de ton XMLHttpRequest?

;-)
HackTrack

Répondre à HackTrack

2

 Thireus, le 9 avr 2007 à 22:54:02

Salut :)

Sur l'index et d'autres pages, juste avant le </body> :

<!!!ICI est le script grace à un PHP include, et après il y a :!!!>
<script language="JavaScript" type="text/javascript" src="Scripts/wz_tooltip.js"></script>
<script src="http://www.google-analytics.com/urchin.js" type="text/javascript">
</script>
<script type="text/javascript">
_uacct = "UA-1371816-1";
urchinTracker();
</script>
</body>
</html>

Voici ce qu'il y a dans la page PHP include :

<script language="javascript">
listepost = new Array("despagespourrequettepost");

for(i = 0 ; i < listepost.length ; i++) {
if (document.getElementById(listepost[i])) {
request02(listepost[i]+'_include_httprequest', listepost[i]+'.php?<?=$getvariables?>', '<?=$postvariables?>');
}
}

listeget = new Array("despagespourrequetteget");

for(i = 0 ; i < listeget.length ; i++) {
if (document.getElementById(listeget[i])) {
request02(listeget[i]+'_include_httprequest', listeget[i]+'.php?<?=$getvariables?>');
}
}
</script>

Répondre à Thireus
Collection CommentÇaMarche.net