Discussion :

[thor76160]

Bonjour, j'aimerais vos éclaircissement à propos d'un bout de code que j'utilise...
voici un code d'autocomplete qui marchait très bien jusqu'au jour où j'y ai mis du htaccess un peu trop poussé.

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
$("#ville_et_cp").autocomplete({
			source: "<?php echo $site_url; ?>inc/search.php",
			minLength: 2,
			focus: function(event, ui)
			{
				//...
			},
			search: function(event, ui)
			{
				//...
			},
			select: function(event, ui)
			{
				//...
			}
		});

Désormais je dois utiliser un code de ce genre, que j'ai trouvé dans les démos de JqueryUI :

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
$("#city").autocomplete({
			source: function(request, response) {
				$.ajax({
					url: "http://ws.geonames.org/searchJSON",
					dataType: "jsonp",
					data: {
						featureClass: "P",
						style: "full",
						maxRows: 12,
						name_startsWith: request.term
					},
					success: function(data) {
						response($.map(data.geonames, function(item) {
							return {
								label: item.name + (item.adminName1 ? ", " + item.adminName1 : "") + ", " + item.countryName,
								value: item.name
							}
						}))
					}
				})
			},
			minLength: 2,
			select: function(event, ui) {
				log(ui.item ? ("Selected: " + ui.item.label) : "Nothing selected, input was " + this.value);
			},
			open: function() {
				$(this).removeClass("ui-corner-all").addClass("ui-corner-top");
			},
			close: function() {
				$(this).removeClass("ui-corner-top").addClass("ui-corner-all");
			}
		});

J'aimerais adapter ce code à mon script actuel. J'aimerais ne pas changer la structure de mon tableau Json que voila :

Code :

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

[{"id": "ville_22537", "label": "(55700) Brouennes", "value": "(55700) Brouennes"},{"id": "ville_17731", "label": "(76000) Rouen", "value": "(76000) Rouen"},{"id": "ville_17732", "label": "(76100) Rouen", "value": "(76100) Rouen"},{"id": "ville_17698", "label": "(76250) Déville-lès-Rouen", "value": "(76250) Déville-lès-Rouen"},{"id": "ville_17735", "label": "(76300) Sotteville-lès-Rouen", "value": "(76300) Sotteville-lès-Rouen"},{"id": "ville_17042", "label": "(76390) Vieux-Rouen-sur-Bresle", "value": "(76390) Vieux-Rouen-sur-Bresle"}]

Pourriez-vous m'aider svp ?

merci

[thor76160]

je viens d'écrire ce bout de code :

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
$(function() {
 
		$("#city").autocomplete(
		{
			source: function(request, response)
			{
				$.ajax(
				{
					url: "data.php",
					data: "term=" + request.term,
					success: function(data)
					{
						return data;
					}
				});
			},
			minLength: 2,
			search: function(event, ui)
			{
 
			},
			select: function(event, ui)
			{
 
			}
		});
	});

si je place un alert de data dans la fonction success, j'obtiens bien mon tableau json. Comment puis-je le renvoyer pour qu'il devienne la source de l'autocomplete ?
je coince là

[thor76160]

j'approche du but :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
source: function(request, response)
			{
				$.ajax(
				{
					url: "inc/search.php",
					dataType: "json",
					data: {term: request.term},
					success: function(data)
					{
						response($.map(data.json_villes, function(item) {return {id: item.id, label: item.label, value: item.value}}));
					}
				})
			},

avec ce code ça fonctionne lorsque je cherche sur mon poste. mais je dois pouvoir exécuter mon script à partir d'une autre pc.
dans la démo jqueryui, la dataType est "jsonp", hors je n'arrive à le faire fonctionner qu'en "json" pour le local.
comment puis-je forcer mon script à accepter le "jsonp" ??

[danielhagnoul]

Bonsoir.

jsonp, voir http://api.jquery.com/jQuery.getJSON/ et http://api.jquery.com/jQuery.ajax/