AJAX初体验之实战篇——打造博客无刷新搜索

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

    End IF

    '' 循环输出搜索结果

    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)

%>

有了后台搜索结果输出的部分，就可以开始写前台搜索的部分了。
首先需要的是给用户输入搜索关键字及显示搜索结果的地方，我用div来分别显示这两个部分：
ajaxsearch.htm
复制代码 代码如下:
<!-- 要用到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稍有接触应该都看得懂这段代码，前篇教程中也有详细注释：

复制代码 代码如下:

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