我想要做的是通过Ajax获取一个json对象,并使用一种值填充Bootstrap Typeahead.
这是我的代码：
- 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()
- });
- }
我收到arr为null的错误
我也尝试用.parseJSON()但没有成功：
- $.each($.parseJSON(data),function () {
- arr.push(this.Name);
- });
我可以做什么来显示我的Json对象的值在类型中的值？
如果在Ajax成功的话我把alert(JSON.stringify(data));它正确地提醒我的Json对象.
解决方法
我从头开始：
- $('#typeahead').typeahead({
- source: function (query,process) {
- return $.getJSON(
- 'path/to/lookup',{ query: query },function (data) {
- return process(data);
- });
- }
- });
数据是一个简单的JSON数组,如：
- [
- "John","Jane","Alfredo","Giovanni","Superman"
- ]
如果您的数据数组具有不同的结构,只需将其重新排列,然后再传递给process()方法即可.
你可以找到一个实例here.
编辑 – 基于你的json数据：
- [
- {'id':'0','name':'John'},{'id':'1','name':'Jane'},{'id':'2','name':'Alfredo'},...
- }
getJSON回调成为：
- function (data) {
- var newData = [];
- $.each(data,function(){
- newData.push(this.name);
- });
- return process(newData);
- });
