使用AJAX技术打造博客无刷新搜索引擎

来源：百度文库编辑：神马文学网时间：2024/04/30 02:17:21

文章关键字:blog,教程,AJAX,搜索,案例　　现在博客很流行，相信应该上网时间稍微长点的朋友都会在这或者在那的有一个自己的博客。对于一些有一定能力的朋友，可能更喜欢自己去下载一个博客程序来架设一个自己的博客，而不是使用一些博客网站提供的服务。而大部分博客程序所带的搜索功能是提交查询关键字到搜索页面，然后在后台生成搜索结果，再呈现给用户，这过程之中浪费了一些带宽，如博客的侧边栏。要节约这一些带宽，我们可以用AJAX来打造自己的无刷新日志搜索。

　　在本篇教程中，数据库的表名和日志查看页面以L-Blog为例，因为我的博客程序是从L-Blog修改而来。本教程中的例子已经通过实际测试，可以直接在L-Blog或FBS中使用。当然，要真正应用的话还是需要做一些美化及完善的。

　　在数据库中日志内容数据表名为blog_Content，其中日志ID为log_ID，日志标题为log_Title，日志查看页面为blogview.asp，参数为日志logID。有了这些资料，就可以开始创建搜索结果的XML文档模板了。在显示搜索结果时，需要显示日志的标题，以及日志的ID来创建到查看日志的链接。

　　搜索结果模板sample.xml

　　CODE:

        1

        AJAX初体验之上手篇

　　每个result就是一个搜索结果，为了处理没有找到相关内容的情况，我定义了当搜索结果为空时logid为#。

　　在完成XML文档模板之后，就可以用ASP来动态生成搜索结果需要的XML文档了。搜索的关键字采用POST方式来传递。

　　搜索结果输出ajaxsearch.asp

　　CODE:

<%
‘ 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=""
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&"#"　
    ‘ 循环输出搜索结果
    Do While Not rsSearch.EOF
        ‘ 循环输出每一个结果
        XML_Result=XML_Result&""&rsSearch("log_ID") &""　
        rsSearch.MoveNext
    Loop
Else
    ‘ 关键字为空，则返回无搜索结果
    XML_Result=XML_Result&"#"
End IF
XML_Result=XML_Result&""
‘ 设置MIME Type为XML文档
Response.ContentType = "application/xml"
‘Response.CharSet = "utf-8"
‘ 输出搜索结果
Response.Write(XML_Result)
%>

　　有了后台搜索结果输出的部分，就可以开始写前台搜索的部分了。

　　首先需要的是给用户输入搜索关键字及显示搜索结果的地方，我用div来分别显示这两个部分:

　　ajaxsearch.htm

　　CODE:

请输入关键字

使用AJAX技术打造博客无刷新搜索引擎使用AJAX技术打造博客无刷新搜索引擎 Ajax技术(WEB无刷新提交数据) AJAX初体验之实战篇——打造博客无刷新搜索 AJAX初体验之实战篇——打造博客无刷新搜索实现一个无刷新的基于ajax的简易聊天室 Ajax技术对搜索引擎优化的影响一步步打造漂亮的新闻列表（无刷新分页、内容预览）（1） - Alexis - 博客园展示几个使用Ajax技术的站点使用AJAX技术的十大理由使用AJAX技术的十大理由 ajax+php无刷新二级联动下拉菜单(省市联动)源码服务器端 JSF生命周期及AJAX局部刷新使用DOJO在java webwork项目中无刷新提交尝试使用DOJO在java webwork项目中无刷新提交尝试-cfans -JavaEye技... 使用DOJO在java webwork项目中无刷新提交尝试1 ajax实现的无刷新在线聊天插件，效果极类似QQ聊天界面，网上还没有像这样实现的。插件专... 谁在使用Ajax Ajax使用调查 Ajax使用调查 Ajax 技术汇总 Ajax 技术汇总 Ajax 技术汇总 Ajax 技术简介(2)