XMLHTTPREQUEST

Version imprimable

Voir 40 message(s) de cette discussion en une page

12/08/2008, 17h15
Bovino

J'ai vu 3 petites choses :
Dans le js :

Code:

document.getElementById("ville").value = rep[0];

Dans le php :

Code:

if(isset($_POST['code'])) {

et :

Code:

$result = mysql_query ("SELECT ville FROM cpville WHERE cp =".$_POST['code']."")...

Enfin, si tu ne te sers pas des name dans le formulaire, supprimes les au profit des id.
12/08/2008, 17h59
sativa808

Mais c'est qu on avance irait on!

en effet je pensai pas que $_post devait avoir les valeurs des ID du formuliare alors que c est tellement logique :marteau:

donc enfin un affichage ds le alert mais la variable resultat undefined!
Si je remplace $resultat.= par $resultat = , la variable passe, mais je ne recupère plus qu'un seul choix même si plusieurs résultats attendus.

enfin tout ça peut s'afficher ds un input text, à voir pour creer la liste deroulante en boucle maintenant.

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<?php
// Fichier testcp.php
include ("connexion.php");
$resultat=''; 
if(isset($_POST['cp'])or die (mysql_error()))  {
	$AccesBase = mysql_connect($host,$username,$passSQL);
	mysql_select_db($bdd,$AccesBase);
	//$QuestionBase = ;($bdd, $QuestionBase)
	$result = mysql_db_query ("SELECT ville FROM cpville  WHERE cp =".$_POST['cp']."") or die (mysql_error());
			while ($row = mysql_fetch_assoc($result)){
			$resultat.=$row["ville"].";"; 
			}
			echo $resultat;			
			}
?>

12/08/2008, 18h20
zintelix3d

:salut:, ben par experience pour ne pas avoir de problème avec InnerHTML, vaux mieux écrire DIRECTEMENT dans une div

xhr.onreadystatechange = function()
{
if(xhr.readyState == 4 && xhr.status == 200)
{
var rep =xhr.responseText;
document.getElementById("cp").InnerHTML = '<select id ="ville" >'+rep+'</select>';
}
}

<div id='cp'>

</div>

de retour, donc ça y est j ai de l'affichage et j'ai bricolé une liste avec un for,
le soucis est avec les paramètres de new Option qui m'affiche que le champ text est non pas value, donc il boucle sur choisissez.

peut etre cela vient du fait que responsetext renvoie du texte et pas ds valeurs ?
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 function go() { getXhr() xhr.onreadystatechange = function(){ if(xhr.readyState == 4 && xhr.status == 200){ var rep = xhr.responseText.split(";") ; var mon_select = document.getElementById('ville'); for (i=0; i< rep.length;i++){ new_opt = new Option('--choisissez--',rep[i].value); mon_select.options[i] = new_opt; //i++; }

Ta boucle n'est pas bonne,

Code:

1
2
3
4
5
for (i=0; i< rep.length;i++){
			new_opt = new Option('--choisissez--',rep[i].value);
			mon_select.options[i] = new_opt;
			//i++;
			}

Il faut plutôt :

Code:

1
2
3
4
for (i=0; i< rep.length;i++){
			documrnt.getElementById('ville')[i+1] = new Option(rep[i].value,rep[i].value);
			//i++;
			}

12/08/2008, 22h48
sativa808
:king:
en fait c'est bien le premier paramètres de new option qui gère l'affichage!
j ai mis ça en fait
Code:

1 2 3 4 for (i=0; i< rep.length;i++){ document.getElementById('ville')[i] = new Option(rep[i],rep[i]); }
afin d'eviter d'avoir une ligne vide de plus!!

plus qu'a voir si le champ de la liste va etre exploitable pour le renvoyer vers ma base de données!!

Encore merci Bovino!
@++

me revoilà sur ce post ,

si tu passe par ici bovino, pourrais tu m'expliquer un petite chose sur la fonction que l'on a utilisé ?

lors du retour responsetext.split(";"), sais tu pourquoi le premier résultat m'affiche bien son texte mais pas sa valeur?
à partir du deuxième élément de la liste tout rentre dans l ordre et je peut donc exploiter la donnée pour SQL .

ca coince au niveau du retour ajax car si je mets un tableau comme ceci la liste et ok!
Code:

1 2 3 4 5 var rep = new Array("ville1","ville2","ville3","ville4"); //alert(xhr.responseText+'\n'+rep); for (i=0; i< rep.length;i++){ document.getElementById('ville')[i] = new Option(rep[i],rep[i]); }
thanks

13/08/2008, 16h21
Bovino
Désolé, mais avec le code que tu montres, je ne vois pas d'anomalie...
En revanche, juste une petite chose, fais attention lors de la création de ton retour en php
Code:

1 2 3 4 5 while ($row = mysql_fetch_assoc($result)){ $resultat.=$row["ville"].";"; } echo $resultat; }
la dernière occurence de la boucle met un ';' à la fin de la chaine, ce qui donne une entrée vide avec le split()...
Sinon, donnes la version finale du script js et éventuellement le xhr.responseText.

a+

re,
en effet avec un array directement ca marche bien , la boucle est correcte donc. D'ailleurs je les manipulée dans tous les sens!
Il s'avére que c'est l index 0 qui ne repond pas bien, il s'affiche mais la valeur n'est pas transmise ou n'existe pas.

j'vais peut etre essayer de construire cette liste autrement, via "create element"

j'ai vu pas mal d'exemple pour la requete xhr,construite dans un autre order, mais celle ci passe bien on dirait!
voici le code actuel:

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
 
var xhr = null;
function getXhr(){
if (window.XMLHttpRequest) { // Firefox et autres	
			 xhr = new XMLHttpRequest(); 
			} else if (window.ActiveXObject){ // Internet Explorer 
			 try {
			 xhr = new ActiveXObject("Msxml2.XMLHTTP");
			 } catch (e) {			 
			 xhr = new ActiveXObject("Microsoft.XMLHTTP");
			 }
 
			 }				else { // XMLHttpRequest non supporté par le navigateur 
			 alert("Votre navigateur ne supporte pas les objets XMLHTTPRequest...");
			 xhr = false; 				
			 } 
			 }
			  /* Méthode qui sera appelée */
 
			 function go()
			 {	
			 getXhr()
			 xhr.onreadystatechange = function() {
			  if(xhr.readyState == 4 && xhr.status == 200){
			 var rep = xhr.responseText.split("|") ;
			var opt = document.getElementById('ville');
			for (var i=0; i< rep.length;i++){
			opt.options[i] = new Option(rep[i],rep[i]); 
		      }
                      } 
                      }
//post
var sel = document.getElementById("code").value;
var url ="testcp.php";
xhr.open("POST",url,true);
xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
xhr.send('code='+ document.getElementById("code").value);

c'est enervant non ce bug...:?

14/08/2008, 01h00
Bovino

Oui c'est très énervant !
Et ton php ? Parce que je ne pense pas que ça vienne du js...
Essaye aussi un alert(rep[0])...

salut bovino,
bon j me suis "arranger" , en faissant partir la boucle à i=1, c'est crade mais bon ca marche (il y a juste deux ligne vide dans la liste au debut!!).

revoici le php sinon, j pensais tester avec for each pour voir
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 <?php // Fichier testcp.php include ("connexion.php"); $resultat=''; if(isset($_POST['code'])or die (mysql_error())) { $AccesBase = mysql_connect($host,$username,$passSQL); mysql_select_db($bdd,$AccesBase); //$QuestionBase = ;($bdd, $QuestionBase) $result = mysql_query ("SELECT ville FROM cpville WHERE cp =".$_POST['code']."") or die (mysql_error()); while ($row = mysql_fetch_assoc($result)){ $resultat.=$row["ville"]."|"; } echo $resultat; } print_r($resultat); ?>
merci @+

au fait rep[0] affichait le bon resultat

Voir 40 message(s) de cette discussion en une page