Discussion :

[stephnane]

Bonjour.

Etant débutant en Ajax, je me suis basé sur du code d'un tutoriel pour modifier une de mes pages.
Mon objectif est de réactualiser une dizaine de champs (cellules d'un tableau) toutes les X secondes. Pour la partie "timeout", je verrais plus tard, pour l'instant, je simule avec du "onclick".

Je récupère les valeurs de mes champs à actualiser par du requetage mysql avec PHP. Mon code ci-dessous ne me permet que de gérer un seul champ par la biais d'"updatepage". Je pensais à priori modifier ma fonction updatepage() pour y mettre 10 arguments correspondants aux 10 champs que j'ai à mettre à jour.
-> Comment gérer ces 10 valeurs différentes (a la place du responseText - ou utilisé différemment)?
-> Dois-je essayer de lancer ma fonction de requetage PHP avec javascript et récuperer les valeurs des variables PHP (possible ???) ?
-> Puis-je/dois-je lancer 10 fois un open sur mon objet avec à chaque fois une page différente qui me donnera un champ différent (en segmentant mon requetage) ?

Voici mon 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
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
function xmlhttpPost(strURL) {
    var xmlHttpReq = false;
    var self = this;
    var self2 = this;
    // Mozilla/Safari
    if (window.XMLHttpRequest) {
        self.xmlHttpReq = new XMLHttpRequest();
    }
    // IE
    else if (window.ActiveXObject) {
        self.xmlHttpReq = new ActiveXObject("Microsoft.XMLHTTP");
    }
    self.xmlHttpReq.open('POST', strURL, true);
    self.xmlHttpReq.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
    self.xmlHttpReq.onreadystatechange = function() {
        if (self.xmlHttpReq.readyState == 4) {
            updatepage(self.xmlHttpReq.responseText);
        }
    }
    self.xmlHttpReq.send(getquerystring());
}
 
 
function getquerystring() {
    var form = document.forms['mailerform'];
        qstr = 'message' ;
    // Remarque: pas de '?' avant la chaîne de requête
    return qstr;
}
 
function updatepage(str){
    document.getElementById("locloc").innerHTML = str;
}

[denisC]

-> Comment gérer ces 10 valeurs différentes (a la place du responseText - ou utilisé différemment)?

• Utilises le responseText en utilisant ce que tu veux comme séparateur : fait un split de la chaine et voila tes 10 champs
• Utilises le responseTest pour passer directement ta tr (avec tous les td) colle ça en innerHTML
• Utilise un standard pour le transfert de données (JSON ou XML) : C,est un peu plus dur à mettre en place, mais C,est plus ré-utilisable. Tout dépends si tu en aura encore besoin....

-> Dois-je essayer de lancer ma fonction de requetage PHP avec javascript et récuperer les valeurs des variables PHP (possible ???) ?

Oui, cf ci-dessus

-> Puis-je/dois-je lancer 10 fois un open sur mon objet avec à chaque fois une page différente qui me donnera un champ différent (en segmentant mon requetage) ?

Ca dépends. Si les champs sont conceptuellement liés (des attributs d'un même objet, ou quelque chose comme ça) : 1 seule requete pour les 10.
Si tous tes champs sont hétéroclites (la temperature d'après Yahoo, le prix de l'action francetelecom et le nombre de messages sur DVP) : 10 requetes.

Pour les solutions intermédiaires, a toi de voir. 10 requetes, c'est beaucoup. Si a priori, il n'y aucune information qui prends du temps à avoir, personnellement, j'essayerais 1 seule requete.