Chamada do Ajax preencher o Typeahead Bootstrap
O que estou tentando fazer é obter um objeto json via Ajax e preencher o Bootstrap Typeahead com apenas um tipo de valor.
Aqui está o meu código:
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()
});
}
Eu recebo o erro quearr é nulo
Eu também tentei com.parseJSON()
mas sem sucesso:
$.each($.parseJSON(data), function () {
arr.push(this.Name);
});
O que posso fazer para mostrar apenas o valor Name of my Json Object no Typeahed?
Se no Sucesso Ajax eu coloqueialert(JSON.stringify(data));
ele alerta corretamente meu objeto Json.