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

Question

我已经把它发布到了预先输入的 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中用于检查是否有要发送的表单数据的代码行是：

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

......所以先走一步，设置s.hasContent=true在beforeSend和一切正常。