我需要在 Bloodhound 的远程属性中使用 jquery ajax 设置,因为我有一个仅接受 POST 请求的服务器端页面。一切正常,但只有一次。 typeahead 输入框中文本的任何后续更改都会调用过滤器函数,但不会触发新的服务器端请求以获取新数据。它只是过滤它在第一个请求中获得的数据。当用户删除文本并输入其他内容时,我需要它发出一个新请求。
我是预先输入的新手,我花了太多时间试图解决这个问题。这是我的代码。
var users = new Bloodhound({
datumTokenizer: function (d) {
return Bloodhound.tokenizers.whitespace(d.value);
},
queryTokenizer: Bloodhound.tokenizers.whitespace,
remote: {
url: 'fake.jsp',
filter: function (users) {
return $.map(users, function (user) {
return {
value: user.USER_ID,
name: user.DISPLAYNAME
};
});
},
ajax: {
type: 'POST',
data: {
param: function(){
return $('#userid').val();
}
},
context: this
}
}
});
users.initialize(true);
$('#userid').typeahead({
minLength: 3,
highlight: true
}, {
name: 'userslist',
displayKey: 'name',
source: users.ttAdapter()
});
最佳答案
我有相同的解决方案,并发现 jQuery 的 cache: false;
选项在这种情况下无论出于何种原因都不起作用。这是我找到的解决方案:
remote: {
url: ...
replace: function(url, query) {
return url + "#" + query; // used to prevent the data from being cached. New requests aren't made without this (cache: false setting in ajax settings doesn't work)
}
}
关于Typeahead/Bloodhound - 使用 Jquery Ajax 进行远程仅导致单个服务器端请求,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/23655985/