autocomplete et htaccess

Version imprimable

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:

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:

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:

[{"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 :ccool:

je viens d'écrire ce bout de code :

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
$(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à :calim2:

j'approche du but :
Code:

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" ??

03/06/2010, 21h48
danielhagnoul

Bonsoir.

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