javascript - 如何在按下按键时在 typeahead 中触发 ajax

标签 javascript php html

我的问题是我使用提前输入进行顶级搜索,它可以工作,但只有一次 ajax 在按键时调用,但每次按键时我都会调用,我的代码在下面

$.typeahead({
    input: '.js-typeahead-car_v1',
    maxItem: 100,
    order: "asc",
    hint: true,
    source: {
        searchkey: {
            url: {
                type: "POST",
                url: "/search",
                data: {
                    myKey: "muvalue"
                }
            }
        }
    },
    callback: {
        onClick: function (node, a, item, event) {
            $("#topsearchbtn").trigger( "click" );
        },
        onSubmit: function (node, form, item, event) {
            $("#topsearchbtn").trigger( "click" );
        }
    }
});

最佳答案

下面的代码工作正常,而且我也在我的项目之一中使用

$.typeahead({
    input: '.js-typeahead-car_v1',
    minLength: 3,
    maxItem: 20,
    order: "asc",
    dynamic: true,
    emptyTemplate: "no result for {{query}}",
    source: {
        searchkey: {
            url: {
                type: "POST",
                url: '/search',
                data: {
                    q: "myqery"
                }
            }
        }
    },
    callback: {
        onClick: function (node, a, item, event) {
            $("#topsearchbtn").trigger( "click" );
        },
        onSubmit: function (node, form, item, event) {
            $("#topsearchbtn").trigger( "click" );
        }

    },
    debug: true
});

关于javascript - 如何在按下按键时在 typeahead 中触发 ajax,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37590612/

相关文章:

javascript - 从 jQuery 调用 Handlebars 部分

javascript - 如何使用 PHP 的 jquery(日期选择器) 来验证日期和时间?

php - PHP 中的应用程序错误与用户错误

javascript - 使用 ng-include 时失去作用域

javascript - 如何在 Ember 中绑定(bind) <details> 元素的 open 属性?

JavaScript - 从所有输入字段中获取一个值并将其添加为另一个 div 中的新人员元素

javascript - parse.com 无法从对象获取值

javascript - 查找已定义的 sammy.js 路由列表

php - 如果用户的浏览器禁用了 javascript,则使用 javascript 的网页无法工作...那么有什么方法可以在没有 javascript 的情况下运行像 onclick 这样的命令?

php - 如何检查路径是PHP中的文件还是文件夹