autcomplete jquery-ui,参数不被识别为字符串

wribegjk  于 2023-03-01  发布在  jQuery
关注(0)|答案(1)|浏览(113)

当我执行console.log时,jquery-ui无法识别autocomplete函数中的参数,我看到autocomplete-url和[Object object],这是我的代码:'从' algoliasearch/lite '导入算法搜索;从"@algolia/autocomplete-js "导入{自动完成,获取算法结果};
const searchClient =算法搜索("延迟","6be0576ff61c053d5f9a3225e2a90f76");$(文档). ready(函数(){

$("#search").each(function () {
    var autocompleteUrl = $(this).attr('autocomplete-url');
    console.log('autocomplete vaut ' + autocompleteUrl);
    $("#search").autocomplete({hint: false}, {
            source: function(query,cb){
                $.ajax({
                    url: autocompleteUrl
                }).then(function (data) {
                    console.log(data);
                });
                console.log(autocompleteUrl+query);
            },
        },
    )
});

});
还有我的截图

'
我尽力使我的要求得到答复。

bvn4nwqk

bvn4nwqk1#

这段代码只是在控制台显示结果,而不是在输入搜索栏下。这不是查询,而是查询。术语,我们可以在显示对象查询时知道它。

$(document).ready(function() {

    $("#search").each(function () {
        var autocompleteUrl = $(this).attr('autocomplete-url');
        console.log('autocomplete vaut ' + autocompleteUrl);
        $("#search").autocomplete({hint: false}, {
            source: function(query) {
                console.log(query.term);
                $.ajax({
                    type: "GET",
                    url: autocompleteUrl + query.term}).then(function(data){
                        console.log(data[0].nom);
                })},
            select: function (event, ui){
                 event.preventDefault();
                 console.log(ui)
                 $(event.target).val(ui);
                 $('#search').html(ui);
             },
            delay: 500,
            minLength: 2,

        });
    });
})

相关问题