无需重新加载页面即可显示搜索结果

时间:2011-05-23 05:51:09

标签: php javascript jquery ajax

我想编写一个简单的搜索引擎,在不重新加载页面的情况下显示结果。我读到可以使用哈希。我对网络编程知之甚少。目前,在教程的帮助下,我设法写了这个:

<form action="search.php" method="GET" class="searchform">
<input id='txtInput' class="searchfield" type="text" name="search"/>
<input id='btnSubmit' class="searchbutton" type=submit name="submit" value="Search">
</form>
在search.php文件中,我回显了搜索结果:

                for($i=0;$i<$len;$i++) 
                {
                    echo "
                    $titles[$i]<br>
                    $descs[$i]<br><br><br>";
                }

如何在不重新加载页面的情况下更改此选项以显示搜索结果。 (像谷歌一样)。

2 个答案:

答案 0 :(得分:2)

您所说的是使用AJAX(异步Javascript和XML),它允许在不重新加载页面的情况下查询服务器。如果您使用的是JQuery这样的框架,则可以使用Ajax function来实现此目的。尝试阅读示例,看看它是如何工作的。

答案 1 :(得分:0)

如果您想自己创建所有功能,则需要创建索引器。索引器是您必须使用服务器端技术c#,php等编写的程序,它只是对您网站上所有可搜索内容发出http请求。并使用有关这些资源的信息填充数据库或xml文件,例如上次更新日期(排序)或其当前链接,标题等。

一旦你有这样的数据集进行研究,你应该使用ajax来异步查看该数据集。

然而谷歌搜索api,SiteSearchASP.NET,php sphider等等已经提出了这个的开源版本,如果赶时间你可以利用它。