3

我需要在 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()
    });
4

2 回答 2

2

我有相同的解决方案，发现无论出于何种原因，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)
        }
    }
于 2014-07-13T21:24:10.903 回答
0

尝试这个：

   remote:   {
               url: 'fake.jsp/?' + Math.random(),
   .
   .
   .

这不是真正的解决方案，但至少每次刷新页面时都会从服务器获取结果。

于 2014-09-09T17:07:23.470 回答