Ajax-Aufruf füllen Typeahead Bootstrap
Ich versuche, ein JSON-Objekt über Ajax abzurufen und den Bootstrap-Typeahead mit nur einem Wert zu füllen.
Hier ist mein Code:
nameTypeHead: function () {
var _self = this,
searchInput = $('#nameTypeHead'),
arr = [];
function getArray() {
$.ajax({
url: '/Home/AutoComplete',
type: 'post',
dataType: 'json',
data: { searchText: searchInput.val() },
success: function (data) {
$.each(data, function () {
arr.push(this.Name);
});
return arr;
}
});
}
searchInput.typeahead({
source: getArray()
});
}
Ich erhalte den Fehler, dassarr ist null
Ich habe es auch mit versucht.parseJSON()
aber ohne Erfolg:
$.each($.parseJSON(data), function () {
arr.push(this.Name);
});
Was kann ich tun, um nur den Wert Name meines Json-Objekts in Typeahed anzuzeigen?
Wenn ich in Ajax Erfolg steckealert(JSON.stringify(data));
es warnt richtig mein Json Objekt.