显示搜索结果而不重新加载页面
Show search results without reloading the page
我想写一个简单的搜索引擎,在不重新加载页面的情况下显示结果。我读到使用hash是可能的。我对网络编程不太了解。目前,在教程的帮助下,我设法写下了这篇文章:
<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>";
}
如何在不重新加载页面的情况下更改此项以显示搜索结果。(像谷歌)。
您所说的是AJAX(异步Javascript和XML)的使用,它允许在不重新加载页面的情况下向服务器进行查询。如果您使用的是像JQuery这样的框架,那么您可以使用Ajax函数来实现这一点。试着阅读示例,看看它是如何工作的。
如果您想自己创建所有功能,则需要创建一个索引器。索引器是一个程序,你必须使用你的服务器端技术c#,php等编写,它只是对你网站上的所有可搜索内容发出http请求。并用关于这些资源的信息填充数据库或xml文件,例如它们的最后更新日期(用于排序)或它们的当前链接、标题等。
一旦您有这样的数据集要查看,就应该使用ajax异步查看该数据集。
然而,谷歌搜索api、SiteSearchASP.NET、php sphider等已经推出了开源版本,如果你很快就可以利用这些版本。
相关文章:
- 在新的浏览器选项卡上加载新的aspx页面后调用JavaScript函数
- 更改css链接并等待加载新的css
- 如何在Ajax加载新内容时停止JavaScript执行
- 当在ng视图中加载新路由时,Tabbing(tabindex)针对错误的元素
- 如何使用输入数据加载新的extjs图表
- JQuery Masonry.Ajax图标和“;加载新项目”;绳子放错地方了
- 通过javascript在同一个打开的选项卡中重新加载新的网页内容
- 当用户到达页面右侧时加载新内容
- 数据表 AJAX 筛选器重新加载数据
- 超链接单击以加载新页面并执行JavaScript
- 单击时加载新的 SVG
- 在RadWindow中加载新页面,然后从加载的窗体中关闭窗口
- ajax在页面刷新之前不会加载新的sql结果
- 谷歌地图API-在从ajax页面加载新数据之前清除标记、多段线
- 使用Ajax加载页面,并在必要时加载新脚本
- 加载新页面时的过渡效果,AJAX
- Ajax没有正确加载新页面
- 正在加载新的Javascript,但正在调用旧的Javascript.MVC
- 咕噜咕噜的手表:实时加载重新加载落后 1 步....
- 我怎么能有一个花哨的盒子一样的弹出体加载,但与cookie不连续加载重新加载