AJAX打造博客無刷新搜索

2024-09-01 08:30:00

字體：大中小

來源：轉載

供稿：網友

如果你對AJAX不是很了解，可以先看看這篇教程：《AJAX初體驗之上手篇》。

現在博客很流行，相信應該上網時間稍微長點的朋友都會在這或者在那的有一個自己的博客。對于一些有一定能力的朋友，可能更喜歡自己去下載一個博客程序來架設一個自己的博客，而不是使用一些博客網站提供的服務。而大部分博客程序所帶的搜索功能是提交查詢關鍵字到搜索頁面，然后在后臺生成搜索結果，再呈現給用戶，這過程之中浪費了一些帶寬，如博客的側邊欄。要節約這一些帶寬，我們可以用AJAX來打造自己的無刷新日志搜索。

在本篇教程中，數據庫的表名和日志查看頁面以L-Blog為例，因為我的博客程序是從L-Blog修改而來。

本教程中的例子已經通過實際測試，可以直接在L-Blog或FBS中使用。當然，要真正應用的話還是需要做一些美化及完善的。

在數據庫中日志內容數據表名為blog_Content，其中日志ID為log_ID，日志標題為log_Title，日志查看頁面為blogview.asp，參數為日志logID。有了這些資料，就可以開始創建搜索結果的XML文檔模板了。在顯示搜索結果時，需要顯示日志的標題，以及日志的ID來創建到查看日志的鏈接。

搜索結果模板sample.xml

代碼如下:
<?xml version="1.0" encoding="utf-8"?>
<blogsearch>
    
    <result>
        
        <logid>1</logid>
        
        <logtitle>AJAX初體驗之上手篇</logtitle>
    </result>
</blogsearch>

每個result就是一個搜索結果，為了處理沒有找到相關內容的情況，我定義了當搜索結果為空時logid為#。
在完成XML文檔模板之后，就可以用ASP來動態生成搜索結果需要的XML文檔了。搜索的關鍵字采用POST方式來傳遞。

搜索結果輸出ajaxsearch.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"

上一篇：AJAX初體驗之實戰篇——打造博客無刷新搜索

下一篇：發布三個ajax相關的函數，包括無刷新提交表單等