Question

我需要在Bloodhound的远程属性中使用jquery ajax设置，因为我有一个仅接收POST请求的服务器端页面。一切正常，但只有一次。对预先输入框中文本的任何后续更改都会调用过滤器函数，但不会触发新的服务器端请求来获取新数据。它只是过滤了第一个请求中获得的数据。当用户删除文本并输入其他内容时，我需要它创建一个新请求。

我是初学者，我花了太多时间试图解决这个问题。这是我的代码。

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()
    });

Answer 1

我有相同的解决方案，发现jQuery＆＃39; 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)
        }
    }

Answer 2

试试这个：

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

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

Typeahead / Bloodhound - 使用Jquery Ajax进行远程操作只会导致单个服务器端请求

2 个答案: