有了后台搜索结果输出的部分，就可以开始写前台搜索的部分了。
首先需要的是给用户输入搜索关键字及显示搜索结果的地方，我用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> |
