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

ogtitle></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

CODE:
<!-- 要用到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>