AJAX打造博客无刷新搜索
作者:HotHeart 来源:蓝色理想 时间:2007-08-23 08:48:00
内容摘要:现在博客很流行,相信应该上网时间稍微长点的朋友都会在这或者在那的有一个自己的博客。对于一些有一定能力的朋友,可能更喜欢自己去下载一个博客程序来架设一个自己的博客,而不是使用一些博客网站提供的服务。而大部分博客程序所带的搜索功能是提交查询关键字到搜索页面,然后在后台生成搜索结果,再呈现给用户,这过程之中浪费了一些带宽,如博客的侧边栏。要节约这一些带宽,我们可以用AJAX来打造自己的无刷新日志搜索。
在本篇教程中,数据库的表名和日志查看页面以L-Blog为例,因为我的博客程序是从L-Blog修改而来。
本教程中的例子已经通过实际测试,可以直接在L-Blog或FBS中使用。当然,要真正应用的话还是需要做一些美化及完善的。
在数据库中日志内容数据表名为blog_Content,其中日志ID为log_ID,日志标题为log_Title,日志查看页面为blogview.asp,参数为日志logID。有了这些资料,就可以开始创建搜索结果的XML文档模板了。在显示搜索结果时,需要显示日志的标题,以及日志的ID来创建到查看日志的链接。
搜索结果模板sample.xml
CODE:
<?xml version="1.0" encoding="utf-8"?>
<blogsearch>
<!-- 每一个reslut就是一个搜索结果 -->
<result>
<!-- 日志的ID -->
<logid>1</logid>
<!-- 日志的标题 -->
<logtitle>AJAX初体验之上手篇</logtitle>
</result>
</blogsearch>
每个result就是一个搜索结果,为了处理没有找到相关内容的情况,我定义了当搜索结果为空时logid为#。
在完成XML文档模板之后,就可以用ASP来动态生成搜索结果需要的XML文档了。搜索的关键字采用POST方式来传递。
搜索结果输出ajaxsearch.asp
CODE:
<!-- #include file="commond.asp" -->
<!-- #include file="include/function.asp" -->
<%
' commond.asp为数据库连接文件
' function.asp中有要用到的函数CheckStr
Dim Search_Word,XML_Result,rsSearch,sqlSearch
Set rsSearch=Server.CreateObject("ADODB.RecordSet")
' 获取搜索关键字
Search_Word=CheckStr(Trim(Request.Form("searchword")))
' XML文档头
XML_Result="<?xml version=""1.0"" encoding=""utf-8""?><blogsearch>"
IF Search_Word<>Empty Then
' 创建查询SQL语句
sqlSearch="Select log_ID,log_Title,log_Content FROM blog_Content WHERE log_Title LIKE '%"&Search_Word&"%' AND log_IsShow=True ORDER BY log_ID DESC"
' 打开记录集
rsSearch.open sqlSearch,Conn,1,1
' 如果没有搜索结果就产生一个结果,logid为#,标志着没有搜索结果
IF rsSearch.BOF AND rsSearch.EOF Then XML_Result=XML_Result&"<result><logid>#</logid><logtitle /></result>"
' 循环输出搜索结果
Do While Not rsSearch.EOF
' 循环输出每一个结果
XML_Result=XML_Result&"<result><logid>"&rsSearch("log_ID")&"</logid><logtitle><![CDATA["&rsSearch("log_Title")&"]]></logtitle></result>"
rsSearch.MoveNext
Loop
Else
' 关键字为空,则返回无搜索结果
XML_Result=XML_Result&"<result><logid>#</logid><logtitle /></result>"
End IF
XML_Result=XML_Result&"</blogsearch>"
' 设置MIME Type为XML文档
Response.ContentType = "application/xml"
'Response.CharSet = "utf-8"
' 输出搜索结果
Response.Write(XML_Result)
%>
有了后台搜索结果输出的部分,就可以开始写前台搜索的部分了。
标签:AJAX,无刷新,搜索,博客
0
投稿
猜你喜欢
如何使用myisamchk和mysqlcheck工具快速修复损坏的MySQL数据库文件
2024-01-21 12:39:37
Python实现双色球号码随机生成
2023-10-24 23:56:22
python 从远程服务器下载东西的代码
2023-01-23 11:00:55
CSS代码实现下划线样式的输入框效果
2010-03-16 12:42:00
Python读取csv文件分隔符设置方法
2021-10-22 16:59:47
python实现水印图片功能
2021-07-04 00:45:45
带你学习MySQL执行计划
2024-01-18 12:34:37
最新PyCharm从安装到PyCharm永久激活再到PyCharm官方中文汉化详细教程
2022-09-24 01:38:47
Pandas数据分析固定时间点和时间差
2022-03-05 20:24:07
dl.dt.dd.ul.li.ol区别及应用
2008-05-24 09:42:00
vue3中给数组赋值丢失响应式的解决
2024-05-22 10:44:41
python中enumerate() 与zip()函数的使用比较实例分析
2021-02-27 15:00:26
Goland项目使用gomod配置的详细步骤
2024-04-26 17:35:34
Python3多线程基础知识点
2022-03-05 13:05:44
python使用技巧-查找文件
2021-11-10 18:48:21
详解Python中的数据精度问题
2022-08-17 13:36:22
瞬间的快感之细节提升用户满意度
2010-11-17 19:19:00
Python获取时间的操作示例详解
2023-05-21 07:54:56
uniapp实现录音上传功能
2024-06-07 16:00:04
python 实现docx与doc文件的互相转换
2022-01-19 06:45:58