将Typeahead与Google自定义搜索引擎结合使用

我正试图让Twitter Typeahead + Bloodhound与Google的CSE合作。

到目前为止，我已经设法返回结果，但我无法计算出datumTokenizer。

var results = new Bloodhound({ datumTokenizer: function(data) { return Bloodhound.tokenizers.whitespace(d.value) }, queryTokenizer: Bloodhound.tokenizers.obj.whitespace, remote: { url: "http://clients1.google.com/complete/search?client=partner&hl=en&sugexp=gsnos%2Cn%3D13&gs_rn=25&gs_ri=partner&partnerid=004914516364918182382%3Ayfqw09r4qvu&types=t&ds=cse&cp=3&gs_id=15&q=%QUERY&callback=showResults&duffCallback=?", ajax: $.ajax({type:'GET',dataType:'jsonp',jsonp:'duffCallback'}), filter: showResults } }); 

看小提琴： http ： //jsfiddle.net/thugsb/3KAjh/

你会看到我从showResults（）返回的结果是一个数组。 但是，从filter:调用showResults（）似乎没有做任何事情，因为删除该行没有任何效果。 所以我不太确定发生了什么。

请注意，duffCallback是我在阅读这个问题时要做的。 如果有更好的方法来完成这项工作我就全都耳朵！

Answer 1

首先，你使用的datumTokenizer不太对劲。 您需要将其更改为：

 datumTokenizer: function(data) { return Bloodhound.tokenizers.whitespace(data.value) } 

请注意“空白”function现在如何引用“数据”输入参数而不是您正在使用的“d”。

至于你的问题的解决方案，看到它在这里工作（例如尝试搜索“田径”）：

http://jsfiddle.net/Fresh/FYavC/

您的代码的主要问题是在您的远程URL中（这让我感到困惑！）。 违规查询字符串参数是：

 ...&callback=showResults&duffCallback=? 

“duffCallback =？” 不需要，因为在ajax对象中指定“ datatype：’jsonp’ ”会自动添加jsonp请求使用的回调详细信息（即“？callback =？”）。 此外，不需要“callback = showResults”，因为当成功的jsonp请求发生时，Bloodhound框架会隐式调用filter方法。

我同意在使用Typeahead.js时应该如何进行远程调用并不明显。 远程调用的一个示例，其中指定了ajax对象，并且某些文档在Typeahead.js网站上很有用！