即时搜索网站

Question

我需要为我的网站安排即时搜索（如谷歌即时搜索）。当用户键入时，脚本应建议结果。据我所知，我需要php+html+javascript。任何建议，或链接或有用的东西？

提前致谢

Answer 1

这通常使用 AJAX 完成。 http://www.w3schools.com/php/php_ajax_livesearch.asp

Answer 2

为了做到这一点，你需要大量的索引。您需要索引几乎每个关键字并存储每个关键字的搜索结果。您无法如此快速地对数据库进行实时搜索。一旦你有好的索引，你可以使用JQuery的.keypress功能来检测用户是否在输入一些东西，一旦用户输入了一些东西，你可以将搜索查询发送到服务器，并使用javascript获取结果和显示。

Answer 3

您应该为每篇文章设置标签，或者例如搜索您网站上的每个类别。

前端的示例代码：

        // index.html
        // ajax
        <script type="text/javascript">  
            function loadXML(query) {
                $.ajax({  
                    type: "POST",  
                    data: ({ajaxSearch : query.value}),  
                    url: 'search.php',
                    success: function(data) {  
                        $('#searchcontainer').html(data);  
                    }  
                }); 
        </script>
        // html
        <input type="text" id="ajaxSearch" onkeyup="loadXML(this);" />
        <div id="searchcontainer"></div>

Answer 4

尝试使用 jQuery UI 自动完成功能。它很容易设置，并且相当容易实现您所追求的内容：

http://jqueryui.com/demos/autocomplete/

搜索数据将位于字符串数组中，例如

[ "tag1", "tag2", "tag3" ... ]

因此，您需要执行数据库查询（或设置手动搜索词）并基于此填充数组。