Bloodhound.js:转换远程源返回的数据?

时间:2015-04-27 11:55:17

标签: javascript bloodhound

我正在使用Bloodhound和远程API,我需要转换从远程API返回的结果。

API URL为https://www.googleapis.com/books/v1/volumes?q=quilting,它返回一个具有items属性的对象,该属性是一个列表。我需要将该列表返回给Typeahead,而不是顶级对象。

The Bloodhound docs说there is a transform function that is supposed to do this,但我无法让它发挥作用。

这是我的代码:

var books = new Bloodhound({
  datumTokenizer: function(d) { return Bloodhound.tokenizers.whitespace(d.num); },
  queryTokenizer: Bloodhound.tokenizers.whitespace,
  remote: {
    url: 'https://www.googleapis.com/books/v1/volumes?q=quilting'
  },
  transform: function(response) {
    console.log('transform', response);
    return response.items;
  }
});
books.initialize();

// instantiate the typeahead UI
$('#myTextBox').typeahead(null, {
  displayKey: function(suggestion) {
    console.log('suggestion', suggestion);
    return suggestion.volumeInfo.title + suggestion.volumeInfo.publishedDate;
  },
  source: numbers.ttAdapter()
});

这里有一个JSFIddle:http://jsfiddle.net/2Cres/46/

这不起作用,因为我需要将items列表提供给预先输入的用户界面,但这似乎并没有发生。

1 个答案:

答案 0 :(得分:8)

尝试在远程选项中移动transform,如下所示:

remote {
  url:"fdsfds",
  transform: function (response){...}
}