[AJAX] Question sur un tutos ajax

Version imprimable

étant donné qu'il n'y a pas de section ajax je viens poster ici

le tutos en question :

http://dcabasson.developpez.com/arti...ion-pas-a-pas/

Donc en faite je ne comprend pas comment il arrive a faire le lien entre "la page qui contient le formulaire et tt le code javascript" et "la page qui contient le code php" qui est censé renvoyer les résultats.

c'est ce code là je voit pas où et comment on fait le lien (premier code du tutos):
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 <?php header('Content-Type: text/xml;charset=utf-8'); echo(utf8_encode("<?xml version='1.0' encoding='UTF-8' ?><options>")); if (isset($_GET['debut'])) { $debut = utf8_decode($_GET['debut']); } else { $debut = ""; } $debut = strtolower($debut); $liste = array([...]); function generateOptions($debut,$liste) { $MAX_RETURN = 10; $i = 0; foreach ($liste as $element) { if ($i<$MAX_RETURN && substr($element, 0, strlen($debut))==$debut) { echo(utf8_encode("<option>".$element."</option>")); $i++; } } } generateOptions($debut,$liste); echo("</options>"); ?>
je ne suis pas encore entré dans la 2eme partie du tutos, j'en suis rester au 1. que je n'arrive pas encore a faire fonctionner.

23/03/2006, 19h15
FMaz

Heu, moi je ne vois aucune commande qui sert à établir une connexion avec le serveur dans l'extrait de code que tu as fournis.

Si tu comprend un peu l'anglais, regarde ici, c'est plus clair un peu:
http://www.w3schools.com/ajax/ajax_example.asp
23/03/2006, 20h38
maximenet

Bah je pense qu'il doit bien fonctionner son tutos puisqu'il donne un lien a la fin de la premiere partie et on voit que çà fonctionne, mais bon juste que je comprend pas comment le code php est appeller dans tout çà :|

des gens qui y comprenne qlq chose ?

Bon bah a force de chercher j'ai trouver c'est ici que l'appelle au serveur se fait:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
var _xmlHttp = null; //l'objet xmlHttpRequest utilisé pour contacter le serveur
var _adresseRecherche = "options.php" //l'adresse à interroger pour trouver les suggestions
function callSuggestions(valeur){
  if(_xmlHttp&&_xmlHttp.readyState!=0){
    _xmlHttp.abort()
  }
  _xmlHttp=getXMLHTTP();
  if(_xmlHttp){
    //appel à l'url distante
    _xmlHttp.open("GET",_adresseRecherche+"?debut="+valeur,true);
    _xmlHttp.onreadystatechange=function() {
      if(_xmlHttp.readyState==4&&_xmlHttp.responseXML) {
        var liste = traiteXmlSuggestions(_xmlHttp.responseXML)
        cacheResults(valeur,liste)
        metsEnPlace(valeur,liste)
      }
    };
    // envoi de la requête
    _xmlHttp.send(null)
  }
}

là c le nom de la page qu'il ne précise nul par ailleurs c'est bien dommage :/

Code:

var _adresseRecherche = "options.php" //l'adresse à interroger pour trouver les suggestions

23/03/2006, 21h05
FMaz

Bon, la c'est mieux comme code :)

Tu as trouvé comment changer la page à contacter, reste seulement la ligne:
_xmlHttp.open("GET",_adresseRecherche+"?debut="+valeur,true);

Qui sert à définir les variables à envoyer :)
Tu peux les mettre en post, ou en mettre plusieurs en concaténant.

Si tu passe des champs textes, utilise POST, et n'oublie pas de serializer (il me semble)