AJAX打造博客无刷新搜索(2)
作者:HotHeart 来源:蓝色理想 时间:2007-08-23 08:48:00
首先需要的是给用户输入搜索关键字及显示搜索结果的地方,我用div来分别显示这两个部分:
ajaxsearch.htm
CODE:
<!-- 要用到JavaScript,外部链入 -->
<script type="text/javascript" src="ajaxsearch.js"></script>
<!-- 用户输入部分 -->
<div>
<!-- 因为没有用form,所以要处理input的keydown事件。在用户按下回车后搜索 -->
<input type="text" id="searchword" onkeydown="if(event.keyCode==13) AjaxSearch();" />
<!-- 搜索按钮 -->
<input type="button" onclick="AjaxSearch();" value="搜索" />
</div>
<!-- 搜索结果显示部分 -->
<div id="search_result">
<!-- 初始时提示用户输入搜索关键字 -->
<ul><li>请输入关键字</li></ul>
</div>
完成了用户输入及结果输出的部分,就可以开始写最后的部分——客户端程序了。
首先是创建XMLHttpRequest对象,这部分代码不再多说,对AJAX稍有接触应该都看得懂这段代码,前篇教程中也有详细注释:
ajaxsearch.js(part1)
CODE:
var xmlObj = false;
var xmlResult;
try {
xmlObj=new XMLHttpRequest;
}
catch(e) {
try {
xmlObj=new ActiveXObject("MSXML2.XMLHTTP");
}
catch(e2) {
try {
xmlObj=new ActiveXObject("Microsoft.XMLHTTP");
}
catch(e3) {
xmlObj=false;
}
}
}
if (!xmlObj) {
alert("XMLHttpRequest init Failed!");
}
标签:AJAX,无刷新,搜索,博客
0
投稿
猜你喜欢
Python整数与Numpy数据溢出问题解决
2023-02-02 00:39:36
教你用Python3+mysql8.0搭建Django框架
2024-01-26 23:19:39
Python urlopen()函数 示例分享
2022-08-15 01:00:58
Python中的True,False条件判断实例分析
2023-09-30 07:34:24
对Python3之进程池与回调函数的实例详解
2022-07-30 13:07:01
Python Request爬取seo.chinaz.com百度权重网站的查询结果过程解析
2022-12-01 07:16:59
python实现从pdf文件中提取文本,并自动翻译的方法
2021-06-08 18:55:56
Python3 适合初学者学习的银行账户登录系统实例
2021-06-16 05:09:22
不通过数据源名DSN也能访问Access数据库吗?
2009-10-29 12:22:00
python队列基本操作和多线程队列
2021-01-02 23:28:46
SQL Server 分页查询通用存储过程(只做分页查询用)
2024-01-12 20:10:11
python实战之德州扑克第三步-比较大小
2022-01-01 22:27:11
Python操作多维数组输出和矩阵运算示例
2022-11-30 03:44:18
python的简单web框架flask快速实现详解
2023-03-10 08:26:36
详解java连接mysql数据库的五种方式
2024-01-19 06:38:21
Python中逗号的三种作用实例分析
2021-12-24 23:52:33
ASP+SQLServer2000 经验积累
2008-02-03 15:16:00
vue awesome swiper异步加载数据出现的bug问题
2024-05-03 15:10:58
python抽取指定url页面的title方法
2022-11-15 21:52:40
python使用requests实现发送带文件请求功能
2023-11-03 14:23:13