typeahead.js 远程之前发送数据问题

Question

我已经将这个发布到typeahead github，但我想也许我可以在这里提问并找到答案。

我正在尝试使用远程查询作为我们的数据源以进行预输入。为此，我想创建一个 POST 并将我的查询参数放入有效负载中。当我在 beforeSend 函数中将 settings.type 设置为 POST 时，它可以工作，但是当我设置 settings.data 时，我没有看到调试器中设置的数据，然后在我的示例中，我使用了一个简单的 http 服务，它返回你的有效载荷，这也验证了数据没有被发送。下面的 typeahead.js 使用 jQuery 1.9.1，特别是使用它的 ajax beforeSend 调用。据我所知，查看 jQuery ajax api 我在 typeahead beforeSend 函数中设置了适当的值。

这是我的代码并在 jsfiddle http://jsfiddle.net/75mCa/2/ 中运行

$('.autocomplete-es .typeahead').typeahead({
    name: 'es-tags',
    remote: {
        url: 'http://httpbin.org/post',
        beforeSend: function (jqXhr, settings) {

            console.log('type is initially : ' + settings.type);
            console.log('data is initially : ' + settings.data);

            settings.type = 'POST';
            settings.data = { fields: ['tags.tag'], query: { prefix: {  tag: 'emp' } } }
            //settings.contentType = 'application/json; charset=utf-8';

            console.log('type is now : ' + settings.type);
            console.log('data is now : ' + settings.data);

            //settings.processData = false;
            //settings.traditional = true;

            return true;
        },
        filter: function (data) {
            console.log(data.data);
            console.log(data.data.fields[0]);
            //do actual processing...for now just looking for this not to throw an error
        //    return data.hits.hits[0].fields.tags.tag;
        }
    }
});

感谢您的帮助， G

Answer 1

我有这个完全相同的用例（将 typehead.js 与 elasticsearch 集成），并遇到了同样的问题。问题最终是 jquery 中检查您是否有要 POST 的表单数据的代码行是：

xhr.send( ( s.hasContent && s.data ) || null );

...所以继续将s.hasContent=true 设置为beforeSend，一切正常。