ibs*_*Ldn 4 twitter typeahead twitter-bootstrap bloodhound
我是第一次尝试使用typeahead.我想根据用户输入更新url参数.外卡未被转换,值"QUERY"正被发送到远程服务器.
任何帮助将是欣赏:)
myTypeahead = $('.typeahead').typeahead(
{
hint: true,
highlight: true,
minLength: 1
},
{
name: 'addresses',
source: addressResults = new Bloodhound({
datumTokenizer: Bloodhound.tokenizers.whitespace,
queryTokenizer: Bloodhound.tokenizers.whitespace,
remote: {
url:'https://urlpath/Search?query=%QUERY&country=GBR',
wildcard: '%QUERY',
filter: function (data) {
// Map the remote source JSON array to a JavaScript object array
return $.map(data.results, function(results,index) {
return results.suggestion;
});
},
prepare: function (query, settings) {
settings.headers = {
'Auth-Token' : '1212'
};
return settings;
}
}
})
}
).on('keyup');
Run Code Online (Sandbox Code Playgroud)
使用时prepare
,需要手动处理通配符值.请参阅远程文档
例如:
prepare: function(query, settings) {
settings.url += '?q=' + query;
return settings;
},
Run Code Online (Sandbox Code Playgroud)
这是相关的小提琴.
归档时间: |
|
查看次数: |
3677 次 |
最近记录: |