我需要为我的网站安排即时搜索(如谷歌即时)。当用户键入时,脚本应该建议结果。据我了解,我需要 php+html+javascript。有什么建议、链接或有用的东西吗?
提前致谢
这通常使用 AJAX 来完成。http://www.w3schools.com/php/php_ajax_livesearch.asp
为了做到这一点,您需要大量的索引。您需要索引几乎每个关键字并存储每个关键字的搜索结果。您无法如此快速地对数据库进行实时搜索。一旦你有好的索引,你可以使用 JQuery 的 .keypress 函数来检测用户是否正在输入一些东西,一旦用户输入了一些东西,你就可以将搜索查询发送到服务器并使用 javascript 获取结果并显示。
您应该为每篇文章设置标签,或者前。在您网站上的每个类别中搜索。
前端示例代码:
// 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>
尝试使用 jQuery UI 自动完成。它很容易设置并且相当容易实现你所追求的:
http://jqueryui.com/demos/autocomplete/
搜索的数据将在一个字符串数组中,例如
[ "tag1", "tag2", "tag3" ... ]
所以你需要做一个数据库查询(或设置手动搜索词)并根据它填充你的数组。