Discussion :

[fbe66]

Bonjour à tous

Je tente d'afficher les villes concernées par la saisie d'un Code Postal avec Ajax pour éviter la recharge de la page, et Mysql :

extrait du Fichier html :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
 
 <div class="divProfil_IinfosBase">
	<label for="Profil_Pays"></label>
	  <select id="Profil_Pays" class="ComboTexte_Moyen">
		<option value="BE">Belgique</option> 
		<option value="FR" selected>France</option>
		<option value="CH">Suisse</option>
          </select>
	<label for="Profil_CP"></label>
	<input id="Profil_CP" class="inputTexte_Petit" type="text" placeholder="Code Postal" onblur="ajax_post('divComboVilles','script_rechVillesparCP.php');"/>
	<div id="divComboVilles"></div>
</div>

voici le code Ajax , mis dans un fichier spécifique . js :

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
 
function ajax_post(paramDivDesti, paramFicPhp){
	//Var varCP1 = document.getElementById('AdrCP');
	var VarPays;
	var VarCP;
	var VarDataPOST;
	var FicPHP;
 
   VarPays = document.getElementById('Profil_Pays').value;
   VarCP = document.getElementById('Profil_CP').value;
 
 
    var xmlhttp = new XMLHttpRequest();
    xmlhttp.onreadystatechange = function() {
        if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
            document.getElementById(paramDivDesti).innerHTML = xmlhttp.responseText;
        }
    }
 
     //FicPHP = "../scripts/"+paramFicPhp;
     xmlhttp.open("POST", "./script_rechVillesparCP.php" , true);
     xmlhttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
     xmlhttp.send("paramPays='"+ VarPays + "'&paramCP='"+ VarCP +"'");
}

NB : les paramètres VarPays et VarCP sont bien récupérés


Et c'est là que ça pèche , le fichier PHP :

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
34
35
36
37
38
39
 
<?
require 'script_paramDB.php';
echo $_POST['paramPays'];
 
  //On vérifei les paramètres
  if(isset($_POST['paramPays']) || isset($_POST['paramCP']) ){
 
  	$con = mysqli_connect($host,$user,$pass,$db);
 
	// Check connection
	if (!$con)
	{
	  echo 'Connexion à MySQL: impossible : '.mysqli_connect_error();
	}
	$parPays = $_POST['paramPays'];
	$parCP = $_POST['paramCP'];
 
	/*  une requète  pour récupérer les villes concernées par le CP saisi */
  	$query  = "SELECT ville_code_postal, ville_code_commune, ville_nom_reel ";
  	$query .= "FROM psol_adrvilles WHERE Ville_Pays='".$parPays."' AND ville_code_postal='".$parCP."' ";
  	$query .= "ORDER BY ville_nom_reel";
 
 
	if ($result = mysqli_query($con, $query)) {
	    /* Tableau associatif de la ligne sélectionnée */
	    while ($row = mysqli_fetch_assoc($result)) {
	        printf ("%s (%s)\n", $row["ville_nom_reel"], $row["ville_code_postal"]);
	    }
 
	    /* Libération du jeu de résultats */
	    mysqli_free_result($result);
	}else{
		$result=die(mysqli_error($con)." Q=".$query);
	}
 
}
 
?>

Le fichier n'est pas du tout appelé, aucune réponse n'est affichée, aucun 'echo' non plus... les deux fichiers sont dans le même dossier

Merci à tous
Franck

[sabotage]

J'ai testé ton script sans la partie base de donnée et ça fonctionne pour moi.
Tu as regardé les erreurs dans la console de ton navigateur et dans tes logs PHP ?

[thibaultLV]

Ou même effacer les cookies sur ton navigateur et retenter ?

[fbe66]

J'ai testé ton script sans la partie base de donnée et ça fonctionne pour moi.
Tu as regardé les erreurs dans la console de ton navigateur et dans tes logs PHP ?

Bon voila, j'ai modifié ma partie Ajax..

Dans la partie paramètres (VarDataPOST ici) ne pas mettre de simple cote avant de fermer la chaine pour ajouter la variable..(ligne 12)
Malgré le fait que le fichier js et php soient dans le même dossier il faut rajouter la partie "./scripts/" avant le fichier php.. (ligne 21)

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
 
function ajax_post(paramDivDesti, paramFicPhp){
	//Var varCP1 = document.getElementById('AdrCP');
	var VarPays;
	var VarCP;
	var VarDataPOST;
	var FicPHP;
 
	VarPays = document.getElementById('Profil_Pays').value;
    VarCP = document.getElementById('Profil_CP').value;
	//VarDataPOST = "paramPays='"+ VarPays + "'&paramCP='"+ VarCP +"'";
	VarDataPOST = "paramPays="+ VarPays + "&paramCP="+ VarCP;
 
    var xmlhttp = new XMLHttpRequest();
    xmlhttp.onreadystatechange = function() {
        if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
            document.getElementById(paramDivDesti).innerHTML = xmlhttp.responseText;
        }
    }
 
     FicPHP = "./scripts/"+paramFicPhp;
     xmlhttp.open("POST", FicPHP , true);
     xmlhttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
     xmlhttp.send(VarDataPOST);
}

Dans ma console, les paramètres sont maintenant OK; le fichier PHP est trouvé, et je trouve le contenu de ce fichier dans la partie Réponse... mais sans réponse désirée... (Les villes ne sont toujours pas renvoyées... grrr

[fbe66]

Et enfin j'ai trouvé :

Dans le fichier PHP, je n'avais pas mis 'php' à coté de <? à la première ligne... donc pas interprété...

Merci à tous pour vos pistes

Franck