Fonctionnement AJAX et XMLHTTPRequestRésolu

Question

Bonjour, Voila j'ai récupérer une script sur un site qui explique très bien comment fonctionne AJAX et XMLHTTPRequest. voici l'adresse : http://siddh.developpez.com/articles/ajax/ comme vous pouvez le voir sur le fin du site il donne un code qui permet d'actualiser sans recharger la page un menu déroulant. Moi j'ai modifier un peu ce code pour que lorsque que je saisi une lettre dans un champ texte, il me cherche les mots qui contiennent cette lettre dans la base de donnée, et actualise un menu déroulant. le problème c'est que j'utilise un champ texte et non un menu déroulant pour actualiser l'autre terme. j'ai modifier le code de la page auteur comme ceci : le problème est que dans lafonction go(), il recherche un identifiant selectionné et pas ce que je tape! je m'explique voici la fonction go() : function go(){ getXhr(); // On défini ce qu'on va faire quand on aura la réponse xhr.onreadystatechange = function(){ // On ne fait quelque chose que si on a tout reçu et que le serveur est ok if(xhr.readyState 4 && xhr.status 200){ leselect = xhr.responseText; // On se sert de innerHTML pour rajouter les options a la liste document.getElementById('livre').innerHTML = leselect; } } // Ici on va voir comment faire du post xhr.open("POST","ajaxLivre.php",true); // ne pas oublier ça pour le post xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded'); // ne pas oublier de poster les arguments // ici, l'id de l'auteur sel = document.getElementById('auteur'); la ligne suivante permet de récupérer ce qu'il y a été sélectionné dans un menu déroulant et je ne sais pas comment l'adapter pour un champ texte idauteur = sel.options[sel.selectedIndex].value; xhr.send("idAuteur="+idauteur); } En espérant avoir été assez clair, merci de m'aider -------------------- StimL.

malalam · Accepted Answer

Hello, function go(lettre){ getXhr(); // On défini ce qu'on va faire quand on aura la réponse xhr.onreadystatechange = function(){ // On ne fait quelque chose que si on a tout reçu et que le serveur est ok if(xhr.readyState 4 && xhr.status 200){ leselect = xhr.responseText; // On se sert de innerHTML pour rajouter les options a la liste document.getElementById('livre').innerHTML = leselect; } } // Ici on va voir comment faire du post xhr.open("POST","ajaxLivre.php",true); // ne pas oublier ça pour le post xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded'); // ne pas oublier de poster les arguments // ici, l'id de l'auteur sel = document.getElementById('auteur'); la ligne suivante permet de récupérer ce qu'il y a été sélectionné dans un menu déroulant et je ne sais pas comment l'adapter pour un champ texte Ben voilà xhr.send("lettreSel="+lettre); }

stiml · Answer

C'est bon &#231;a marche merci beaucoup! :)



--------------------
StimL.

Fonctionnement AJAX et XMLHTTPRequest

2 réponses

Votre réponse

Discussions similaires