我正在使用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
列表提供给预先输入的用户界面,但这似乎并没有发生。
答案 0 :(得分:8)
尝试在远程选项中移动transform,如下所示:
remote {
url:"fdsfds",
transform: function (response){...}
}