JQuery Autocomplete, füllen Sie mit Daten aus pHp-json

Bin ich wieder ein JSON-kodiertes array: echo(json_encode($data)); von php und ich möchte es zum Auffüllen der box empfehlen von JQuery-autocomplete. Ich bin mit diesem:

$("#field").autocomplete({
            source : "SearchTest.php",
            maxLength: 5
        });

Nicht sicher, warum dies nicht funktioniert. Nach jedem drücken wird, würde ich die Daten abrufen und füllen Sie das vorschlagen-box mit, dass die Daten, die ich nicht will autocomplete auf Sortieren, und wählen Sie für mich, die ich mache, die server-Seite. Es ist nur eine Liste von Zeichenfolgen für jetzt. Können anpassen, wie die Daten präsentiert würden auch nett sein.

Bearbeiten: Verändert die Quelle zu posten:

$("#field").autocomplete({
            source : function(request, response) {
                $.post("SearchTest.php", request, response);
            },
            maxLength : 5
        });

Immer diese Fehlermeldung jetzt:

Uncaught TypeError: Cannot use 'in' operator to search for '1240' in 
Notice: Undefined index: field in /.../SearchTest.php on line 25

Zeile 25 : $whatTheyWantToSearch = $_POST['field'];

Welche Fehler haben Sie? Können Sie fügen Sie Ihrem PHP-code, den JS-code scheint Ok.
Keine Fehler. Ich merkte, ich bin nicht senden nichts SearchTest.php. Wie kann ich post an den server und empfängt die JSON zum Auffüllen der autocomplete?
Könnten Sie mir zeigen, Ihre php-code?
siehe edit

InformationsquelleAutor John | 2013-07-20

4

Versuchen Sie es mit ajax
```
var searchRequest = null;
$("#field").autocomplete({
    maxLength: 5,
    source: function(request, response) {
        if (searchRequest !== null) {
            searchRequest.abort();
        }
        searchRequest = $.ajax({
            url: 'SearchTest.php',
            method: 'post',
            dataType: "json",
            data: {term: request.term},
            success: function(data) {
                searchRequest = null;
                response($.map(data.items, function(item) {
                    return {
                        value: item.name,
                        label: item.name
                    };
                }));
            }
        }).fail(function() {
            searchRequest = null;
        });
    }
});
```
JSON-Antwort Beispiel in SearchTest.php
```
<?php
header('Content-type: application/json');
echo '{"items":[{"name":"Ashok"},{"name":"Rai"},{"name":"Vinod"}]}';
?>
```
Demo-Fiddle

Remote JSONP-Demo
- Hat nicht funktioniert....
- Immer weiter zu .fail-Funktion
- Das bedeutet, dass die Reaktion nicht in der richtigen JSON format aus SearchTest.php Antwort aktualisiert, Hinzugefügt method: 'post', JSON format und Demo-Fiddle
- Ich habe sogar versucht echo '{"items":[{"name":"Ashok"},{"name":"Rai"},{"name":"Vinod"}]}'; auf der php Seite, aber immer noch nichts.
- Auch dieses: $json = '{"items":[{"name":"Ashok"},{"name":"Rai"},{"name":"Vinod"}]}'; echo json_decode($json);
- Vor der echo-add content type für json durch hinzufügen header('Content-type: application/json'); und stellen Sie sicher, es gibt keine echo, white space oder plan text vor header Funktion
- Der string oder json_decode?
- Antwort aktualisiert, siehe JSON Response Example in SearchTest.php
- Es versucht, auf fail ich bin immer: parsererror Keine Konvertierung von text auf application/json
- Auch SyntaxError {}
- Es funktioniert gut für mich, welche version von jQuery und jQuery UI Sie verwenden? Versuchen <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>
- Ich bin immer dies in der responsetext: Undefined index: field
- Okay ich auskommentiert, die Zeile, wo ich erhalten die Abfrage von JQuery in php und jetzt kann ich senden Sie Ihre Daten in Ordnung. Aber ich kann nicht erhalten Sie die Abfrage durch den Benutzer.
- Das Problem war nicht das format des json, eher nicht in der Lage zu erhalten, die Abfrage korrekt
- Verwenden $user_entered_text = $_POST['term'] zu bekommen, was der Benutzer eingegeben haben, im Feld Eingabe oder änderung {term: request.term} zu {field: request.term} dann können Sie Zugriff auf user-input wie diese $field = $_POST['field'];
- SUPER!!! Warum habe ich es zu ändern Begriff?
- Auch, wie würde ich damit etwas passiert, wenn ein Benutzer auswählt oder die EINGABETASTE drückt
- Bitte sehen Autocomplete event documentation for that api.jqueryui.com/autocomplete/#event-select
- Okay, ich danke Ihnen.
InformationsquelleAutor Manoj Yadav

den korrekten json-format, für das von php:

<?php
   echo '[ {"name1":"val1"},{"name2":"val2"} ]'; 
?>

Vom js wich bedeutet []-array von {} Objekte.

In meinem Fall für autocomlete widjet dies funktioniert gut:

    $response="[";
    while($row = $res->fetch_assoc()){
        if($response !="[")$response.=",";
        $response.='{"label":"'.$row["fio"].'","value":"'.$row["id"].'"}';
    }
    $response.="]";

    echo $response;

InformationsquelleAutor Petya

0

Vielleicht stimmt etwas mit dem parameter source an. Sollte es sein '/Searchtest.php'?

http://api.jqueryui.com/autocomplete/#option-source

InformationsquelleAutor NeoWang

So etwas wie dies ist der beste Weg. die Funktionen json_encode tun alle Arbeit für Sie.

    $result = $_mysqli->query(...);
    $rs = array();
    $pos = 0;
    while($row = $result->fetch_assoc()){
        $rs[$pos]["n1"] = $row["n1"];
        $rs[$pos]["n2"] = $row["n2"];
        ...
        $rs[$pos++]["nn"] = $row["nn"];

    }
    header('Content-type: application/json');
    echo json_encode($rs);

InformationsquelleAutor Petya

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.