jquery - twitter bootsrap typeahead jquery ajax回调不起作用

Question

ISSUE: twitter bootsrap typeahead jquery ajax 回调不起作用

我正在使用 jQuery v1.8.3、Bootstrap v2.2.1、bootstrap-typeahead.js v2.2.2 接收 JSON 响应但未调用回调...

JSON 响应 {"ResultSet":{"Query":"face","Result":[{"symbol":"FB"},{}, {}..]}}

我已经看过与此问题相关的不同帖子并尝试过。但他们都没有为我工作。有没有人遇到过这种问题？

inputSearch.typeahead({
  source: function (query, processSearchResults) {
    query = inputSearch.val();
    return $.getJSON('ticker_search', { query: query }, function (data) {
      return processSearchResults(data);
    });

  }
});

Answer 1

数据应该是一个数组

['item 1', 'item 2']

演示：小提琴。

你需要做类似的事情

inputSearch.typeahead({
    source: function (query, processSearchResults) {
        query = inputSearch.val();
        return $.getJSON('ticker_search', { query: query }, function (data) {
            if(data && data.ResultSet && $.isArray(data.ResultSet.Result)){
                processSearchResults($.map(data.ResultSet.Result, function(item, index){
                    return item.symbol;
                }));
            }
        });

    }
});

演示：小提琴