ajax - 如何通过ajax jquery为google的搜索框制作自动建议插件

Question

我正在尝试制作一个自动建议插件，该插件通过相关性、流行度和找到关键字的更改颜色来建议，显示 5 个不同的建议

我是菜鸟，请帮忙！

Answer 1

我可以建议以下示例使用 ajax 调用进行搜索。唯一的问题是您的搜索项目应该存储在数据库中，以便您可以从数据库中检索信息作为搜索项目

 $("#searchkeyWord").autocomplete({
        source: function( request, response ) {
            $.ajax({
                url: "Path/searchByName",
                dataType: "",
                data: {querypatam: request.term},
                success: function( data ) {

                    response( $.map( data.SearchResponse, function( item ) {
                        return {
                            id:item.id,
                            label: item.Name,
                            value: item.id
                        }
                    }));
                }
            });
        },
        select: function( event, ui ) {
            var name_no_html=ui.item.label.replace('<b>','');
            var name_no_html=name_no_html.replace('</b>','');
            $("#searchkeyWord").val(name_no_html);
            $("#searchkeyWord_value").val(ui.item.id);
            return false;
        },
        minLength: 3  // can increase or decrease your term to be searched 
    });