✔ jQuery Autocomplete gibt keine Vorschläge vor

[iLu_is_a_loser]

Guten Tag

Ich greife dieses Thema mal wieder auf (http://www.tutorials.de/javascript-ajax/371406-jquery-ui-autocomplete-leere-ergebnisliste.html)
Ich habe versucht dieses nachzustellen mit Hilfe der Demos von jQuery UI.

Doch ich bekomme einfach keine Auflistung. Der FireBug im FF sagt mir aber, dass die Daten aus der DB geladen werden. Ich bekomme jedoch keine anzeige dieser Einträge.

		$( "#wa" ).autocomplete({
			minLength: 0,
			source: "include/search.php",
			focus: function( event, ui ) {
				$( "#wa" ).val( ui.item.label );
				return false;
			},
			select: function( event, ui ) {
				$( "#wa" ).val( ui.item.label );
				$( "#wa-id" ).val( ui.item.value );
				$( "#wa-beschreibung" ).html( ui.item.desc );

				return false;
			}
		})
		.data( "autocomplete" )._renderItem = function( ul, item ) {
			return $( "<li></li>" )
				.data( "item.autocomplete", item )
				.append( "<a>" + item.label + "<br>" + item.desc + "</a>" )
				.appendTo( ul );
		};

<input id="wa"/>
<input type="hidden" id="wa-id"/>
<p id="wa-beschreibung"></p>

$return_arr = array();

$fetch = mysql_query("SELECT * FROM objekte WHERE wa LIKE '%".$_GET['term']."%'");


while ($row = mysql_fetch_array($fetch, MYSQL_ASSOC)){
	$row_array['value'] = $row['id'];
	$row_array['label'] = $row['wa']; 
	$row_array['desc'] = $row['artikel']; 

	array_push($return_arr,$row_array);
}

echo json_encode($return_arr);

 

[iLu_is_a_loser]

Wenn ich nun

       var projects = [
			{
				value: "jquery",
				label: "jQuery",
				desc: "the write less, do more, JavaScript library",
			},
			{
				value: "jquery-ui",
				label: "jQuery UI",
				desc: "the official user interface library for jQuery",
			},
			{
				value: "sizzlejs",
				label: "Sizzle JS",
				desc: "a pure-JavaScript CSS selector engine",
			}
		];

als Quelle verwende, funktioniert es.... doch wenn ich Daten aus der Tabelle hole, welche so ankommen....

[
{
    "value":"10",
    "label":"12338292",
    "desc":"test 1"
},
{
    "value":"47",
    "label":"12338203",
    "desc":"test 4"
},
{
    "value":"59",
    "label":"12338202",
    "desc":"test 53"
},
{
    "value":"83",
    "label":"123382",
    "desc":" test 33 "
}
]

funktioniert nichts... hat keiner eine Ahnung?

 

[jannicars]

Vielleicht könnte es am fehlenden "var projects" liegen.

 

[iLu_is_a_loser]

Ne eigentlich nicht.... ich habe den ganzen Block der aus der Tabelle übertragen wird auch schon in Source eingetragen und es funktioniert damit einwandfrei.

 

[CPoly]

Welche jQuery Version verwendest du? Welchen "Content-Type" header sendet dein PHP zurück?

 

[iLu_is_a_loser]

jQuery ist 1.4.4.min
und Content-Type ist text/html; charset=UTF-8

 

[CPoly]

Dann sende doch mal application/json anstelle von text/html

In Zeile 6246 in jQuery 1.4.4 (http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.js)

if ( type === "json" || !type && ct.indexOf("json") >= 0 ) {
    data = jQuery.parseJSON( data );
}

Wenn in deinem Content-Type also kein "json" vor kommt, wird es auch nicht geparst. Macht Sinn

 

[iLu_is_a_loser]

Content-Type ist nun auf application/json, doch es ändert nichts an dem Problem
Auch mit text/x-json kommt keine Vorschlagsliste. Ich habe auch schon nur json versucht....

 

[CPoly]

Nenn mir mal noch deine jQuery UI Version, dann teste ich es mal mit exakt den gleichen Einstellungen.

Du kannst noch folgendes testen:

$.getJSON('include/search.php?term=test', function(data) {
    alert(data[0].label);
});

Und guck ob du generell an die JSON Daten herankommst.

 

[iLu_is_a_loser]

Eine Antwort vom Server bekomme ich, nur kein Alert.

Ich habe mal zwei Bilder vom Firebug angehangen. (ist nur ein kleiner Ausschnitt der Antworten)