首页 > 解决方案 > 自动完成引导程序 4 源数据

问题描述

我使用来自GitHub.com的自动完成功能,我想将源连接到外部数据。不幸的是,它不起作用。你能建议太多吗?

$('#myAutocomplete').on('input keyup', function() {
    var query = $(this).val();
    if (query.length > 2)
    {
        $.ajax({
            url:"/search.php",
            data: query,            
            dataType:"json",
            cache: false,
            processData:false,
            type:"POST",
            success: function (data) {
                $('#myAutocomplete').autocomplete({
                    source: data,
                    maximumItems: 10,
                    treshold: 2      
                });
               }
        });
    }   
});

search.php 文件包含 JSON:

{"Bootstrap 4 Autocomplete example":1,"Best example in the world":2,"Bootstrap 4 Autocomplete is very nice":3,"It contains neatly arranged example items":4,"With many autocomplete values":5,"And it uses default Bootstrap 4 components":6,"You can use this example to test":7}

标签: githubbootstrap-4autocomplete

解决方案


推荐阅读