Autocomplétion qui ne fonctionne pas

**bndd24** · 17/04/2016, 15h07

Bonjour,

J'ai lu (avec traduction google) un tuto sur le net https://daveismyname.com/autocomplet...d-jquery-ui-bp

a propos de l'autocomplétion.. mais voila, le script ne fonctionne pas! Alors oui, je sais qu'il est préférable de demander de l'aide sur le site de l'auteur mais je ne maîtrise pas l'anglais donc je ne sais pas quoi faire de plus que de poster un message ici.

L'autocomplétion comporte 2 fichiers ; un avec le champ à autocomplété, et l'autre qui doit faire la recherche dans la bdd en fonction des premières lettres tapées.

voici les deux fichiers :

celui avec le champ Pays à autocomplété :

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
<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>Demo</title>
  <link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.1/themes/base/minified/jquery-ui.min.css" type="text/css" /> 
</head>
<body>
 
	<form action='' method='post'>
		<p><label>Country:</label><input type='text' name='country' value='' class='auto'></p>
	</form>
 
	<script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
	<script type="text/javascript" src="http://code.jquery.com/ui/1.10.1/jquery-ui.min.js"></script>
<script type="text/javascript">
$(function() {
 
	//autocomplete
	$(".auto").autocomplete({
		source: "search.php",
		minLength: 1
	});				
 
});
</script>
</body>
</html>

et celui qui effectue la recherche dans la bdd :

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
<?php
define('DB_SERVER', 'localhost');
define('DB_USER', 'root');
define('DB_PASSWORD', '');
define('DB_NAME', 'site2');
 
 
if (isset($_GET['term'])){
	$return_arr = array();
 
	try {
	    $conn = new PDO("mysql:host=".DB_SERVER.";port=8889;dbname=".DB_NAME, DB_USER, DB_PASSWORD);
	    $conn->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);
 
	    $stmt = $conn->prepare('SELECT country FROM countries WHERE country LIKE :term');
	    $stmt->execute(array('term' => '%'.$_GET['term'].'%'));
 
	    while($row = $stmt->fetch()) {
	        $return_arr[] =  $row['country'];
	    }
 
	} catch(PDOException $e) {
	    echo 'ERROR: ' . $e->getMessage();
	}
 
 
    /* Toss back results as json encoded array. */
    echo json_encode($return_arr);
}
 
 
?>

Avant de poster une demande d'aide ici, j'ai essayé de comprendre le problème mais je ne trouve rien ! et puis selon les commentaires de remerciements sur le site de l'auteur, le script fonctionne donc bizarre..

en tout cas je vous remercie d'avance.

**mathieu** · 17/04/2016, 19h54

est ce que vous avez regardez à quoi ressemble le résultat de search.php avec le moniteur réseau de votre navigateur ?
par exemple avec Firefox, cela se voit en appuyant sur F12 :
https://developer.mozilla.org/fr/doc...ur_r%C3%A9seau

**bndd24** · 17/04/2016, 20h05

Merci pour la réponse.
malheureusement non car je n'ai pas firefox, je suis sous chrome (j'ai aussi ie..)
existe t'il un "moniteur réseau" sur chrome ?

pour le script bizarre car je n'ai absolument rien touché au script, juste bien-sur les paramètres de connexion.. j'ai même pris exactement la même table que le tuto sur le site de l'auteur ! mais rien.. je ne trouve pas le problème.. pourtant je suis quasi sure que le script fonctionne car dans les commentaires sur le site de l'auteur, il y a pas mal de remerciements qui date de pas plus tard qu'hier..!

Autocomplétion qui ne fonctionne pas

jQuery

Discussions similaires

Partager

Partager