<?xml version="1.0" encoding="utf-8"?>
<blogsearch> 
    <!-- 每一個(gè)reslut就是一個(gè)搜索結(jié)果 --> 
    <result> 
        <!-- 日志的ID --> 
        <logid>1</logid> 
        <!-- 日志的標(biāo)題 --> 
        <logtitle>AJAX初體驗(yàn)之上手篇</logtitle> 
    </result>
</blogsearch>

<!-- #include file="commond.asp" -->

<!-- #include file="include/function.asp" -->

<%

' commond.asp為數(shù)據(jù)庫連接文件

' function.asp中有要用到的函數(shù)CheckStr

Dim Search_Word,XML_Result,rsSearch,sqlSearch

Set rsSearch=Server.CreateObject("ADODB.RecordSet")

' 獲取搜索關(guān)鍵字

Search_Word=CheckStr(Trim(Request.Form("searchword")))

' XML文檔頭

XML_Result="<?xml version=""1.0"" encoding=""utf-8""?><blogsearch>"

IF Search_Word<>Empty Then

    ' 創(chuàng)建查詢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

    ' 如果沒有搜索結(jié)果就產(chǎn)生一個(gè)結(jié)果，logid為#，標(biāo)志著沒有搜索結(jié)果

    IF rsSearch.BOF AND rsSearch.EOF Then 

        XML_Result=XML_Result&"<result><logid>#</logid><logtitle /></result>"　

    End IF

    ' 循環(huán)輸出搜索結(jié)果

    Do While Not rsSearch.EOF

        XML_Result=XML_Result&"<result><logid>"&rsSearch("log_ID")&"</logid><logtitle><![CDATA["&rsSearch("log_Title")&"]]></logtitle></result>"  ' 循環(huán)輸出每一個(gè)結(jié)果

        rsSearch.MoveNext

    Loop

Else

    ' 關(guān)鍵字為空，則返回?zé)o搜索結(jié)果

    XML_Result=XML_Result&"<result><logid>#</logid><logtitle /></result>"

End IF

XML_Result=XML_Result&"</blogsearch>"

' 設(shè)置MIME Type為XML文檔

Response.ContentType = "application/xml"

'Response.CharSet = "utf-8"

' 輸出搜索結(jié)果

Response.Write(XML_Result)

%>

<!-- 要用到JavaScript，外部鏈入 -->

<script type="text/javascript" src="ajaxsearch.js"></script>

<!-- 用戶輸入部分 -->

<div>

    <!-- 因?yàn)闆]有用form，所以要處理input的keydown事件。在用戶按下回車后搜索 -->

    <input type="text" id="searchword" onkeydown="if(event.keyCode==13) AjaxSearch();" />　

    <!-- 搜索按鈕 -->

    <input type="button" onclick="AjaxSearch();" value="搜索" />

</div>

<!-- 搜索結(jié)果顯示部分 -->

<div id="search_result">

    <!-- 初始時(shí)提示用戶輸入搜索關(guān)鍵字 -->

    <ul><li>請輸入關(guān)鍵字</li></ul>

</div>

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!");
}

function AjaxSearch() {
 var searchword;
 searchword=escape(document.getElementById("searchword").value);
 if(searchword=="") {
  document.getElementById("search_result").innerHTML="<ul><li>請輸入關(guān)鍵字!</li></ul>";
  return;
 }
 document.getElementById("search_result").innerHTML="<ul><li>正在加載，請稍候</li></ul>";
 xmlObj.open ("POST", "ajaxsearch.asp", true);
 xmlObj.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
 xmlObj.onreadystatechange=function() {
  if(xmlObj.readyState==4) {
   if(xmlObj.status==200) {
    xmlResult=xmlObj.responseXML;
    AjaxShowResult();
   }
  }
 }
 xmlObj.send("searchword="+searchword);
}

function AjaxShowResult() {
 var results,i,strTemp;
 results=xmlResult.getElementsByTagName("result");
 strTemp="<ul>";
 if(results[0].getElementsByTagName("logid")[0].firstChild.data=="#")
  strTemp=strTemp+"<li>無搜索結(jié)果</li>";
 else
  for(i=0;i<results.length;i++)
   strTemp = strTemp + "<li><a href='blogview.asp?logID=" + results[i].getElementsByTagName("logid")[0].firstChild.data + "'>" + results[i].getElementsByTagName("logtitle")[0].firstChild.data + "</a></li>";
 strTemp=strTemp+"</ul>";
 document.getElementById("search_result").innerHTML = strTemp
}