Llamada Ajax poblar Typeahead Bootstrap
Lo que estoy tratando de hacer es obtener un objeto json a través de Ajax y rellenar el Bootstrap Typeahead con un solo tipo de valor.
Aquí está mi 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()
});
}
Recibo el error de quearr es nulo
Yo también probé con.parseJSON()
pero sin éxito:
$.each($.parseJSON(data), function () {
arr.push(this.Name);
});
¿Qué puedo hacer para mostrar solo el valor Nombre de mi objeto Json en Typeahed?
Si en el Ajax Success pongoalert(JSON.stringify(data));
alerta correctamente mi objeto Json.