[AJAX] Récuperer les informations d'une page executé

Bonjour à tous,


Je voudrait savoir comment récupérer une information d'une page executé par ajax.

Code:

---

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 34 35 36 37 38 39 40 41

function check_produit(){ var xhr = 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('info').innerHTML = leselect; } }   // Ici on va voir comment faire du post xhr.open("POST","ajax/ajax_check_produit.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 idauteur = document.getElementById('code_pdt').value; //alert(idauteur); xhr.send("idauteur="+idauteur);   var url = '/ajax/ajax_check_produit.php'; ????? { case 'ok': //traitement si c'est okay alert('essai'); break; case 'ko': alert('essai'); //traitement si ce n'est pas bon break; } } });     }

---

Explication:

- Je suis sur une page web (php) avec un champ input.
- Dans ce champ je rentre un numéro.
- a partir de la, en ajax j'interroge une page php pour savoir si oui ou non .
le produit existe.

- A partir de la, je voudrait pourvoir utiliser la réponse de la page php

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15

if(isset($_POST["idauteur"])){ $test= $_POST["idauteur"]; $sql3 = "select ref_pdt, code_pdt, nom_pdt FROM produit WHERE code_pdt = '$test' ORDER BY code_pdt"; $query3 = mysql_query($sql3) or die('erreur'); $nb3= mysql_num_rows($query3); if ($nb3 == null){ $res['txt'] = "<br/> Pas de produit."; $res['result'] = "ok"; } else { $res['txt'] = "<br/> un ou plusieurs produit enregistrer."; $res['result'] = "ko"; }   }

---

ok ou ko pour réaliser une action en javascript.

Comment je peut faire? Est-il possible?

Merci d'avance pour votre aide

guigui69

Salut,
Si la requête ne retourne aucune enregistrement

Code:

---

echo 'ko';

---

Sinon

Code:

---

echo 'ok';

---

Dans javascript

Code:

---

1 2 3 4

if(xhr.responseText=='ko') {alert ('Nom trouvé')} else {alert('Trouvé')}

---

Il manquerait un

Code:

---

echo $res;

---

côté php : ces données se retrouveront dans ton responseText côté client au retour de l'ajax

Merci pour vos réponse, mais j'ai un probleme.

Ajax:

Code:

---

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

function check_produit(){ var xhr = 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('info').innerHTML = leselect; } }   // Ici on va voir comment faire du post xhr.open("POST","ajax/ajax_check_produit.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 idauteur = document.getElementById('code_pdt').value; //alert(idauteur); xhr.send("idauteur="+idauteur); //alert("esssaaaiii"+xhr.responseText ); if(xhr.responseText=='ko') {alert ('Nom trouvé')} else {alert('Trouvé')}   }

---

page php demande par ajax:

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19

<?php                 if(isset($_POST["idauteur"])){                 mysql_connect("localhost","root","BH65fKhQ");                 mysql_select_db("pdr");                 $test= $_POST["idauteur"];         $sql3 = "select ref_pdt, code_pdt, nom_pdt FROM produit WHERE code_pdt = '$test' ORDER BY code_pdt";         $query3 = mysql_query($sql3) or die('erreur');         $nb3= mysql_num_rows($query3);         if ($nb3 == null)         {    echo 'ko';    } else {    echo 'ok';    }         }         //print_r($_POST) ?>

---

Lorsque je tape un code, existant ou non dans ma page web principale j'ai bien le retour ok ou ok s'affiche mais dans la partie ajax, il passe toujours par

Code:

---

1 2	{alert('Trouvé')}

---

Quel est le problème? il interprète mal la réponse? Comment corriger cette erreur?

Merci

guigui69

Un

Code:

---

alert(xhr.responseText);

---

serait quand même plus loquace que :

Code:

---

1 2 3 4

if(xhr.responseText=='ko') {alert ('Nom trouvé')} else {alert('Trouvé')}

---

^^

Code:

---

if (!$nb3)

---

Merci pour vos réponses

dans le code que j'ai posté, j'ai commenté ceci:

Code:

---

//alert("esssaaaiii"+xhr.responseText );

---

Si je le décommante cette ligne en alert il me retourne essai sans rien apres mais apres

Code:

---

1 2 3 4

if(xhr.responseText=='ko') {alert ('Nom trouvé')} else {alert('Trouvé')}

---

Réagisse, c'est bizarre.

Bonivo, je doit remplacer dans mon code php
if ($nb3 == null) par if (!$nb3) c'est ca???

Merci pour votre aide

guigui69

Bonjour j'ai modifié mon code
Javascript:

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16

if(xhr.readyState == 4 && xhr.status == 200){ leselect = xhr.responseText; /////////////// //alert(leselect); if (leselect==0) { document.getElementById('ok').disabled = ''; document.getElementById('info').innerHTML = '<img src="img/ok.png" alt="ok"></img>'; } else { alert('Produit existant dans la base.'); document.getElementById('ok').disabled = 'disabled'; document.getElementById('info').innerHTML = '<img src="img/pasok.png" alt="ok"></img>'; }

---

php

Code:

---

1 2 3 4 5 6 7 8 9 10

if(isset($_POST["idauteur"])){ mysql_connect("localhost","root","BH65fKhQ"); mysql_select_db("pdr"); $test= $_POST["idauteur"]; $sql3 = "select COUNT(*) AS nb FROM produit WHERE code_pdt = '$test' ORDER BY code_pdt"; $query3 = mysql_query($sql3) or die('erreur'); $row = mysql_fetch_assoc($query3); echo $row['nb']; }

---

et la j'ai bien eu mon retour.

Une petite question encore: Est-il possible d'exploiter plusieurs donnée?

Si ma requête m'aurait retourner plusieurs information, aurait-il été possible de scinder les informations en plusieurs partie et utiliser chacune d'elle.

Merci

Tu peux renvoyer une chaine, en utilisant un séparateur pour isoler les données, et découper à la réception côté client avec un split.
Exemple :
- dans la page php appelée via ajax :

Code:

---

1 2 3 4 5

$nom = "HUGO"; $prenom = "Victor"; $metier = "génie littéraire"; echo "$nom#$prenom#$metier";

---

- et dans la fonction de callback (au retour de l'appel ajax donc) :

Code:

---

1 2 3 4 5 6

var tab_resultats = xhr.responseText.split("#"); // donne : // tab_resultats[0] == "HUGO"; // tab_resultats[1] == "Victor"; // tab_resultats[2] == "génie littéraire";

---

Oui, tu peux renvoyer plusieurs valeurs.
Dans le principe, si tu n'as pas beaucoup d'informations à renvoyer, tu peux les concaténer en utilisant un séparateur pour les séparer puis coté JavaScript, quand tu reçoit la réponse, tu fais (en imaginant que ton séparateur est "<>" par exemple) :

Code:

---

var valeurs = xhr.responseText.split('<>');

---

La variable 'valeurs' contiendra alors un tableau de tes différentes valeurs retournées.