jQuery UI Autocomplete JSON-gibt error: Uncaught TypeError: Cannot use 'in' - operator die Suche nach '62' in

Bin ich mit viel Mühe AutoVervollständigen arbeiten auf meiner Seite. Wenn ich 2 eingeben von Zeichen ("OW") in meiner Suche-Eingang, bekomme ich den preloader Bild (siehe unten), aber es geht nie Weg und ich habe nie die autocomplete popup. Auf der Suche, auf der Konsole in Chrome zeigt:

Uncaught TypeError: Cannot use 'in' operator to search for '62' in [{"value":103,"label":"FLOWER"},{"value":105,"label":"YELLOW"}]

Hier ist der eigentliche string, der zurückgegeben wird (bestätigt durch hinzufügen der alert(data) in den Erfolg-block):

[{"kwrdID":103,"kwrdKeyWord":"FLOWER"},{"kwrdID":105,"kwrdKeyWord":"YELLOW"}]

Ist hier der wichtigste code für die autocomplete

$("#searchInput").autocomplete({
source: function (request, response) {
    $.ajax({
        url: '@Url.Action("GetKeywords", "Home")',
        dataType: "json",
        data: {
            SearchTerm: request.term
        },
        success: function (data) {
            response($.map(data.keywords, function (item) {
                return {
                    label: item.kwrdKeyWord,
                    value: item.kwrdID
                }
            }));
        }
    });
},
    minLength: 2
});

Und schließlich, hier ist der preloader (nur im Fall, dass es-bezogen).

$(document).ajaxStart(function () {
    var position = $('#divParent').position();
    position.left += (($('#divParent').width() / 2) - ($('#preloader').width() / 2));
    position.top += (($('#divParent').height() / 2) - ($('#preloader').height() / 2));
    $('#preloader').css(position).show();
    $('#preloader').show();
}).ajaxStop(function () {
    $('#preloader').hide();
});

Kann mir jemand helfen zu erklären, was hier Los ist?

InformationsquelleAutor ESDictor | 2013-02-19

War es ein langer Weg, aber nach vielen Stunden des Experimentierens, ich kam mit diesem code:

$("#searchInput").autocomplete({
    source: function (request, response) {
        $.ajax({
            url: '@Url.Action("GetKeywords", "Home")',
            dataType: "json",
            data: {
                SearchTerm: request.term
            },
            success: function (data) {
                var parsed = JSON.parse(data);
                var newArray = new Array(parsed.length);
                var i = 0;

                parsed.forEach(function (entry) {
                    var newObject = {
                        label: entry.kwrdKeyWord
                    };
                    newArray[i] = newObject;
                    i++;
                });

                response(newArray);
            },
            error: function (message) {
                response([]);
            }
        });
    },
    minLength: 2
});

Dies scheint gut zu funktionieren. Die Wahrheit ist, meine keywords sind einzigartig, so dass ich Leben kann ohne die ID sowieso.

Ich denke, was es behoben ist JSON.parse nennen.

InformationsquelleAutor ESDictor

9

ein wenig Hilfe, die nützlich sein können:

wenn Sie der Verwendung von json, könnte es sein, dass die "json-Objekt" nicht analysiert, oder Sie haben überschrieben, die variable mit anderen Einstellungen (wie das, was ich habe dummerweise vor kurzem).

für das erste problem, werden Sie sicher, dass Ihr server weiß, "application/json" MIME-Typ, sonst mit header (für PHP)

Ich meine, in PHP, verwenden Sie diese vor allem:
```
header("Content-type: application/json");
```
- Danke @NereoCostacurta. Kämpfte mit den gleichen Fehler für eine Weile; meine server-side code in ColdFusion. Daher ist die Verwendung <cfcontent type="text/json"> an der Spitze von meinem script gelöst das Problem sofort.
- Woah es nelly, die sagte etwas über PHP
- Probleme kommen können, von jedem Ort. wenn Sie nur das echo der json in php, aber Sie setzen nicht die richtigen header, jquery, kann nicht analysieren das Objekt abgerufen von ajax, auch wenn Sie angegeben haben, datatype JSON. übrigens, dies ist eine alte Antwort vom Januar 2014, weiß nicht, ob aktuelle jquery-Griffe besser die Analyse jetzt.
InformationsquelleAutor Nereo Costacurta

hier, wie Sie die Funktion für die source-Eigenschaft

source:function(request,response) {
    var url = "your url";
    var postdata = "your data"; //normally you might use request.term to get the current user input
    $.ajax({url:url,data:postdata,success:function(responsedata){
        response($.parseJSON(responsedata))
    }});
}

Die Antwort-Funktion akzeptiert array von JSON-Objekten

InformationsquelleAutor Mangesh Jadhav

0

anstelle des Schreibens ersetzen data.keywords mit JSON.parse(data) bei dieser Linie : response($.map(data.keywords, function (item) {.

BR,
Hazem
- Dieses braucht einige das Aufräumen, zum Beispiel, enthalten den vollständigen code Beispiel; die Verwendung der richtigen Einrücken und erläutern Sie Ihre Antwort voll. Auch als Zeichen Hinweis: Sie müssen nicht melden Sie sich ab, Ihre Antworten.
InformationsquelleAutor Hazem Fergany

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.