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.

Antworten auf die Frage(3)

Ihre Antwort auf die Frage