Code postal / ville dans un formulaire
Bonjour à tous,
je ne connais pas très bien le fonctionnement d'ajax / jquery, et je tente d'apprendre par le biais d'un tuto : http://x-zolezzi.developpez.com/tuto...utocompletion/
Bien entendu, pour comprendre correctement, j'ai modifié le script pour n'avoir qu'un seul champ TEXT au lieu de deux dans l'exemple
j'ai donc créé ma page php qui attend le formulaire POST, tout marche bien.
En revanche j'ai une erreur dans firebug que je n'arrive pas a comprendre :
Citation:
ReferenceError: response is not defined
response($.map(data, function (item){
voila le code de mon form
Code:
<input name="form[ville]" id="ville" type="text" class="formT" value="" />
et mon JS :
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
| <script type="text/javascript" src="http://code.jquery.com/jquery-1.5.1.min.js"></script>
<script type="text/javascript" src="http://ajax.microsoft.com/ajax/jquery.ui/1.8.10/jquery-ui.js"></script>
<script type="text/javascript" language="Javascript" >
$(function (){
$("#ville").autocomplete({
source: function (request, response)
{},
minLength: 3,
delay: 600
});
});
var objData = {};
if($(this.element).attr(\'id\') == \'ville\'){
objData = { ville: request.term};
}
$.ajax({
url: "../ajax/ville.php",
dataType: "json",
data: objData,
type: \'POST\',
success: function (data){
response($.map(data, function (item){
return {
label: item.cp + " - " + item.libelle,
value: function (){
if ($(this).attr(\'id\') == \'ville\')
{
$(\'#ville\').val(item.libelle);
return item.cp;
}
}
}
}));
}
});
</script> |
quand j'exécute mon php, j'ai un tableau JSON avec toutes les données.
je n'arrive pas a comprendre, j'ai l'impression que mon autocompletion ne fonctionne pas.
Vous avez un indice ?
merci
