$.post pour afficher le resultat d'une requête sql

**philiblues18** · 02/04/2012, 10h55

Bonjour,
J'aimerais afficher une suggestion de modification lors de la création d'une nouvelle société dans ma base mysql après avoir vérifié si celle-ci était déjà présente dans ma base.

Lorsqu'on quitte le focus du premier input texte, j'affiche un div avec les sociétés déjà présentent incluant un lien pour la page de modification.

Rien ne fonction... Une petite idée ?

Voici mon code:

le formulaire:

Code html :

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
<form id="aartisans" action="artisans-add.php" method="post">
<fieldset>
 
<label for="artisan_societe_name">Nom de la Soci&eacute;t&eacute; de l artisan</label>
<input id="artisan_societe_name" type="texte" name="societe_name" value="<?php echo $artisan_societe_name; ?>" /><br />
<div id="suggestionArtisan" style="display: none;"></div>
 
<label for="artisan_firstname">Pr&eacute;nom</label>
<input id="artisan_firstname" type="texte" name="firstname" value="<?php echo $artisan_firstname; ?>" /><br />
 
<label for="artisan_name">Nom</label>
<input id="artisan_name" type="texte" name="name" value="<?php echo $artisan_name; ?>" /><br />
 
<input type="hidden" name="id" value="<?php echo $artisan_id; ?>" />
 
</fieldset>
 
<p><input id="submitArtisan" type="submit" name="submitArtisan" value="Enregistrer" /> <input type="submit" name="cancel" value="Annuler" /></p>
 
</form>

Le 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
<SCRIPT LANGUAGE="JavaScript">
function lookupArtisan(artisan_siciete_name) {
		if(artisan_siciete_name.length == 0) { // si le champs txte est vide
			$('div#suggestionArtisan').hide(); // on cache les suggestions
		} else { // sinon
			$.post("js/ajax/verifArtisan.php", {queryString: ""+artisan_siciete_name+""}, function(data){ // on envoie la valeur du champ texte dans la variable post queryString au fichier verifArtisan.php
				if(data.length >0) {
					$('div#suggestionArtisan').show(); // si il y a un retour, on affiche le div
					$('div#suggestionArtisan').html(data); // et on remplit les données html
				}
			});
		}
}
 
$(document).ready( function () { // lorsque la page est entierement chargée
	$("input#artisan_siciete_name").blur( function() { // si on quitte le focus
		lookupArtisan($(this).val()) 
	});
});
 
//  End -->
</script>

Le fichier verfifArtisan.php:

Code php :

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
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
<?php
if(isset($_POST['queryString']) && $_POST['queryString'] != '')
{
	$queryString = addslashes(trim($_POST['queryString']));
	try
	{
		$pdo_options = array(PDO::ATTR_ERRMODE => PDO::ERRMODE_EXCEPTION, PDO::MYSQL_ATTR_INIT_COMMAND => "SET NAMES utf8");
		$bdd = new PDO('mysql:host='.DB_HOST.';dbname='.DB_NAME, DB_USER, DB_PASSWORD, $pdo_options);
 
		$req = $bdd->prepare("SELECT * FROM artisans WHERE artisan_societe_name = :societe_name");
		$req => execute(array('societe_name' => $queryString));
		$req->setFetchMode(PDO::FETCH_OBJ);
		$nbsoc = count($req);
		$i = 0;
 
		if($nbsoc > 0)
		{
			$soc = array();
			echo '<div class="suggestions">';
			if($nbsoc == 1)
			{
				echo '<strong>L\'artisan suivant est d&eacute;j&agrave; enregistr&eacute; :</strong>';
			}
			else
			{
				echo '<strong>Les artisans suivants sont d&eacute;j&agrave; enregistr&eacute;s :</strong>';
			}
 
			while ($line = $req->fetch() )
			{
				$soc[$i] = = array('id' => $line->artisan_id,
								'date' => $line->artisan_timestamp,
								'lastupdate' => $line->artisan_lastupdate,
								'type' => $line->artisan_type,
								'societe_name' => $line->artisan_societe_name,
								'firstname' => $line->artisan_firstname,
								'name' => $line->artisan_name,
								'adresse' => $line->artisan_adresse,
								'cp' => $line->artisan_cp,
								'ville' => $line->artisan_ville,
								'gsm' => $line->artisan_gsm,
								'tel' => $line->artisan_tel,	
								'email' => $line->artisan_email,
								'siret' => $line->artisan_siret,
								'condition_commerciale' => $line->artisan_condition_commerciale,
								'type_travaux' => $line->artisan_type_travaux,
								'classement' => $line->artisan_classement,
								'commentaire' => $line->artisan_commentaire,
								'courtier' => $line->artisan_courtier,
								'dossier' => $line->artisan_dossier,
								'zonegeo' => $line->artisan_zonegeo);
 
				echo '<a href="artisans-modif.php?modif='.$soc[$i]['id'].'" title="modifier l\artisan existant">';
				echo '<p>';
				echo '<strong>'.$soc[$i]['societe_name'].'</strong><br />';
				echo $soc[$i]['firsname'].' '.$soc[$i]['name'];
				echo $soc[$i]['adresse'].' | '.$soc[$i]['cp'].' | '.$soc[$i]['ville'];
				echo '</p>';
				echo '</a>';
 
				$i++;
			}
 
			$req->closeCursor();
 
			echo '</div>';
		}
 
		}					
		catch(Exception $e)
		{
			die('Erreur : '.$e->getMessage());
		}
}
?>

**le_chomeur** · 02/04/2012, 11h04

Code :

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

1
2
3
4
5
6
7
$.post("js/ajax/verifArtisan.php", {queryString: artisan_siciete_name}, function(data){ // on envoie la valeur du champ texte dans la variable post queryString au fichier verifArtisan.php
				if(data.length >0) {
					$('div#suggestionArtisan').show(); // si il y a un retour, on affiche le div
					$('div#suggestionArtisan').html(data); // et on remplit les données html
				}
			});

?

**philiblues18** · 02/04/2012, 11h58

Merci pour la réponse rapide

Mais ça ne fonctionne toujours pas.

**Bovino** · 02/04/2012, 13h27

Envoyé par philiblues18

Mais ça ne fonctionne toujours pas.

C'est chouette d'avoir une description aussi précise du problème, accompagné des messages d'erreur et des informations de débogage que pourrait te donner n'importe quels outils de développement intégrés aux navigateurs...

**le_chomeur** · 02/04/2012, 14h05

j'ai corrigé l'erreur js que je voyais a vu de nez ( ça ne devait pas planter mais ça ne servait a rien ces deux quotes ... )

Pour le reste ça peux venir de ta partie php ou du retour qui est fait ...

Comme le souligne Bovino un peu plus d'informations seraient les bienvenues

**SpaceFrog** · 02/04/2012, 14h37

la callback du post ne fait que récupérer et afficher le code généré par la page php ... il y a de grandes chances que l'erreur soit coté php et pas javascript ...

**L0rD59** · 02/04/2012, 16h21

Dans ton JS tu as ceci à la fin :

Code :

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

1
2
3
4
5
$(document).ready( function () { // lorsque la page est entierement chargée
	$("input#artisan_siciete_name").blur( function() { // si on quitte le focus
		lookupArtisan($(this).val()) 
	});
});

l'id de ton input c'est "artisan_societe_name" et non pas "artisan_siciete_name"

je sais pas si c'est parce que tu as mal recopié ou si c'est vraiment sa l'erreur mais globallement le reste m'a l'air correct

**philiblues18** · 02/04/2012, 16h21

Merci, j'ai trouvé en effet deux coquilles dans le php => à la place de -> et un = égaré.

Dans firebug j'obtiens des "reference to undefined property f.event.triggered" ... toutes les fonctions affichées comme undefined dans la console proviennent de jquery.min.js.
voici comment j'appelle Jquery:

Code :

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

1
2
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/jquery-ui.js"></script>

Mon nouveau code PHP pour verifArtisan.php:

Code PHP :

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
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
<?php
if(isset($_POST['queryString']) && $_POST['queryString'] != '')
{
	$queryString = addslashes(trim($_POST['queryString']));
	try
	{
		$pdo_options = array(PDO::ATTR_ERRMODE => PDO::ERRMODE_EXCEPTION, PDO::MYSQL_ATTR_INIT_COMMAND => "SET NAMES utf8");
		$bdd = new PDO('mysql:host='.DB_HOST.';dbname='.DB_NAME, DB_USER, DB_PASSWORD, $pdo_options);
 
		$req = $bdd->prepare("SELECT * FROM artisans WHERE artisan_societe_name = :societe_name");
		$req -> execute(array('societe_name' => $queryString));
		$req->setFetchMode(PDO::FETCH_OBJ);
		$nbsoc = count($req);
		$i = 0;
 
		if($nbsoc > 0)
		{
			$soc = array();
			echo '<div class="suggestions">';
			if($nbsoc == 1)
			{
				echo '<strong>L\'artisan suivant est d&eacute;j&agrave; enregistr&eacute; :</strong>';
			}
			else
			{
				echo '<strong>Les artisans suivants sont d&eacute;j&agrave; enregistr&eacute;s :</strong>';
			}
 
			while ($line = $req->fetch() )
			{
				$soc[$i] = array('id' => $line->artisan_id,
								'date' => $line->artisan_timestamp,
								'lastupdate' => $line->artisan_lastupdate,
								'type' => $line->artisan_type,
								'societe_name' => $line->artisan_societe_name,
								'firstname' => $line->artisan_firstname,
								'name' => $line->artisan_name,
								'adresse' => $line->artisan_adresse,
								'cp' => $line->artisan_cp,
								'ville' => $line->artisan_ville,
								'gsm' => $line->artisan_gsm,
								'tel' => $line->artisan_tel,	
								'email' => $line->artisan_email,
								'siret' => $line->artisan_siret,
								'condition_commerciale' => $line->artisan_condition_commerciale,
								'type_travaux' => $line->artisan_type_travaux,
								'classement' => $line->artisan_classement,
								'commentaire' => $line->artisan_commentaire,
								'courtier' => $line->artisan_courtier,
								'dossier' => $line->artisan_dossier,
								'zonegeo' => $line->artisan_zonegeo);
 
				echo '<a href="artisans-modif.php?modif='.$soc[$i]['id'].'" title="modifier l\artisan existant">';
				echo '<p>';
				echo '<strong>'.$soc[$i]['societe_name'].'</strong><br />';
				echo $soc[$i]['firsname'].' '.$soc[$i]['name'];
				echo $soc[$i]['adresse'].' | '.$soc[$i]['cp'].' | '.$soc[$i]['ville'];
				echo '</p>';
				echo '</a>';
 
				$i++;
			}
 
			$req->closeCursor();
 
			echo '</div>';
		}
 
		}					
		catch(Exception $e)
		{
			die('Erreur : '.$e->getMessage());
		}
}
?>

**philiblues18** · 03/04/2012, 15h23

Bonjour,

Je viens de tenter un simple <?php echo 'test'; ?> dans le fichier php et rien n'est renvoyé.

La console firebug ne renvoie aucune erreur.

Auriez-vous une piste de teste à effectuer pour débusquer l'erreur ?

**philiblues18** · 03/04/2012, 15h56

et voilà j'ai trouvé:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
 
<script>
 	$('input[name="societe_name"]').blur(function() {
	    var name = $('input[name="societe_name"]').val(),
			url = 'js/ajax/verifArtisan.php';
   		$.post( url, { queryString: name },
      function( data ) {
           $( "#result" ).empty().append( data );
      });
	});
</script>

Merci

$.post pour afficher le resultat d'une requête sql

jQuery

Discussions similaires

Partager

Partager