jQuery Autocomplete | Ergebnisse werden nicht angezeigt

WatchDoger

Grünschnabel
Hallo Community,

da ich noch ein Anfänger bin was jQuery und co betrifft, folgendes Problem. (Docu und Google haben mir nicht geholfen)

Die Ergebnise werden bei einer Sucheingabe nicht angezeigt, man sieht nur dass sich ein Dropdown bei einem richtigen Ergebnis öffnet aber nichts anzeigt.


Hier mal mein Code:

autocomplete.php

PHP:
$term = mysql_real_escape_string($_GET['term']);



$sql="SELECT place_name FROM maklerplus_places WHERE place_name LIKE '%".$term."%'ORDER BY place_name";
$result = mysql_query($sql) or die("Fehler");



    while ($row = mysql_fetch_array($result,MYSQL_ASSOC)){
        $row['place_name'] = htmlentities(stripslashes($row['place_name']));
        $row_set[] = $row;
        }
    echo json_encode($row_set);


Die Ausgabe ist wie folgt:
Code:
[{"place_name":"Aschach an der Donau"},{"place_name":"Eferding"},{"place_name":"Feldkirchen an der Donau"},{"place_name":"Hartkirchen"}]



search.html

HTML:
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>jQuery UI Autocomplete - Remote datasource</title>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<link rel="stylesheet" href="/resources/demos/style.css" />
<style>
.ui-autocomplete-loading {
background: white url('images/ui-anim_basic_16x16.gif') right center no-repeat;
}
</style>
<script>
$(function() {
function log( message ) {
$( "<div>" ).text( message ).prependTo( "#log" );
$( "#log" ).scrollTop( 0 );
}
$( "#birds" ).autocomplete({
source: "autocomplete.php",
minLength: 2,
select: function( event, ui ) {
log( ui.item ?
"Selected: " + ui.item.value :
"Nothing selected, input was " + this.value );
}
});
});
</script>
</head>
<body>
<div class="ui-widget">
<label for="birds">Birds: </label>
<input id="birds" />
</div>
<div class="ui-widget" style="margin-top: 2em; font-family: Arial;">
Result:
<div id="log" style="height: 200px; width: 300px; overflow: auto;" class="ui-widget-content"></div>
</div>
</body>
</html>


und life kann man sich das Problem hier ansehen. Bei der Eingabe bsp. Asc

http://immocheck.org/search.html

Vielen Dank für die Hilfe!

Lg
 
Vielen Dank für die Antwort!.

Meinst du dass die Json Ausgabe dann so lauten sollte:

[ "Aschach an der Donau", "Eferding" ]....


Wie könnte ich dies beeinflussen?


lg
 

Neue Beiträge

Zurück