如何通过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 
    });