我需要在 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/

10-13 00:18
查看更多