jQueryUI autocomplete mit PHP und JSON

Habe ich ein einfaches Suchfeld, die gehen, um den Standort eines Benutzers aus den verfügbaren Einträgen in meiner Datenbank. Ich versuche jQuery UI ' s AutoVervollständigen arbeiten, bin aber in Probleme laufen. Mit der JavaScript-Konsole eingeschaltet, in Chrome sehe ich keine Antwort von der Skript, wie ich mit der Eingabe beginnen.

Gewünschten Ergebnis, wird eine AutoVervollständigen-dropdown-Liste, die Listen von Städten in der "Stadt, Staat" - format. Ich habe mehrere Beiträge hier auf SO und haben meine modifizierten code in viele versuche, um dieses Problem zu beheben, aber kein Glück. Vielen Dank im Voraus für jede Anleitung /Korrekturen. Sehr geschätzt wird.

Hier mein jQuery UI-code (ich bin mit den aktuellen Bibliotheken hosted by code.jquery.com)

<script type="text/javascript">
$(document).ready(function()
{
    $('#locale').autocomplete(
    {
        source: "./state_autocomplete.php",
        minLength: 2
    });
});
</script>

Hier ist mein form-code:

<form name="frm_set_locale" method="post" action="/index2.php">
  <input type="text" name="locale" id="locale" class="textbox">
  <input type="submit" class="button" name="frm_submit_locale" value="Search">
</form>

Und hier ist die mysqli-Skript, das zieht die Informationen

<?php
include "/includes/dbconn.php";

//Query to get the usable locations
    $locale = trim($_GET['term']);
    $return = array();

    $q = "SELECT `city`, `state` FROM `locales` WHERE `city` LIKE '%".$locale."%'";
    $r = mysqli_query($q, $connect);

    $json = "[";
    $first = true;

    while ($row = mysqli_fetch_assoc($r, $connect)){
        if(!$first){
            $json .=  ",";
        }else{
            $first = false;
        }

        $json .= "{'value':'".$row['city'].", ".$row['state']."}";
    }

    $json .= "]";

    echo $json;
?>
  • Du bist Nicht die BUCHUNG der Anfrage
  • Verstanden. Die post ist die Methode, wenn Sie wählen Sie ein Ergebnis aus der jqueryui AutoVervollständigen. Der ausgewählte Wert von der state_autocomplete.php Skript wird dann geschrieben von dem Benutzer, wenn Sie auf submit klicken.
  • Ja, aber Sie haben bis zum 1. request für Json data zurück zu kommen, wie Object um die Quelle von Ihrem UI AutoComplete. <br/> Siehe unten im code..
  • Ich bin mir ziemlich sicher, dass Sie ungültige JSON-Sie brauchen einen "Schlüssel" für die "state" - Wert.
  • Whitaker, das war mein denken, aber alle Beispiele, die ich gesehen habe für diese autocomplete mit remote-Datenquelle verwenden Sie nur auf dem Feld wieder in die SQL-Abfrage so bin ich nicht sicher, wie Sie Sie hinzufügen, um die sekundären Schlüssel.
  • Ja in der Tat.. Ein LITERAL für den Staat Wert ist zu müssen!
  • Auf die gleiche Weise wie es für "Wert"

InformationsquelleAutor rws907 | 2013-03-19
  1. 3

    1. Ein Literal für den Staat Wert ist erforderlich..

    "{'value':'".$row['city'].", 'state':".$row['state']."}"

    2. Sie haben auf Anfrage die Daten per Ajax post

    <script type="text/javascript">
$(document).ready(function()
{
          $.ajax({
               url: '/state_autocomplete.php',
               type: 'POST',
               dataType: 'json',
               success: function(data){
                     $('#locale').autocomplete(
                     {
                           source: data,
                           minLength: 2
                     });
               }
          });
});
</script>
    • Dies ergibt den gleichen Fehler. Wenn ich gehe zu mydomain.com/state_autcomplete.php?term=ph zum Beispiel, bekomme ich ein leeres Ergebnis festgelegt, obwohl es gibt ein paar Städte aufgeführt, die mit "ph" in Ihrem Namen in der Datenbank, so Frage ich mich, ob die Probleme mit der state_autocomplete.php script.
    • Sehen Sie den bearbeiteten code!
    InformationsquelleAutor Vitthal
  2. 3

    Dank für all die Hilfe. Ich nahm einen neuen Ansatz für die state_autocomplete.php und hier ist, was es für mich arbeiten. Wirklich sauber.

    <?php
//Database Connection
    include "/includes/dbconn.php";

//Query to get the usable locations
    $locale = $_GET['term'];

    $q = "SELECT `city`, `state` FROM `locales` WHERE `city` LIKE '%$locale%'";
    $r = mysqli_query($connect, $q);            

    $city_state = array();
    while($row = mysqli_fetch_assoc($r)){
        $result = $row['city'].", ".$row['state'];
        array_push($city_state, $result);
    }
    $json = json_encode($city_state);
    echo $json;
?>
    InformationsquelleAutor rws907
  3. 0

    Die auto-vervollständigen-Funktion, die Sie verwenden nicht ein ajax-Aufruf mit query-string wie gewünscht aus <input type="text" name="locale" id="locale" class="textbox">

    Für Sie arbeiten, ändern 

    $q = "SELECT `city`, `state` FROM `locales` WHERE `city` LIKE '%".$locale."%'";

    zu 

    $q = "SELECT `city`, `state` FROM `locales`";

    Das Skript generiert dann alle Städte und Staaten, dann die "auto-vervollständigen" - Funktion, mit der Benutzer-Eingabe.

    InformationsquelleAutor Alexander Kimaru
Schreibe einen Kommentar