【AJAX】AJAX实现搜索信息自动推荐并补全_node.js使用ajax模拟百度搜索文本框的自动补全效果-优快云博客

好久没有继续看AJAX的视频教程了,今天就将最后一个教程案例做完。我们在搜索引擎中输入文字时文本框下会提示相应的信息，这个案例就是实现这种基本功能，代码比较粗糙还需要进一步完善，其中有些地方也需要向大神们请教一下。完成效果截图：

一、事先代码准备工作：

1. JQueryAutoComplete.html负责页面端的显示

a) 截图如下：

b) 代码如下：

<!DOCTYPE html>
<html>
  <head>
    <title>自动补全示例</title>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <script type="text/javascript" src="jslib/jQuery.js"></script>
<span style="white-space:pre">	</span><script type="text/javascript" src="jslib/jqueryauto.js"></script>
    <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
  </head>
  <body>
  补全示例：
  <span style="white-space:pre">	</span><input type="text" id="word"/>
  <span style="white-space:pre">	</span><input type="button" value="提交"/><br/>
  <span style="white-space:pre">	</span><div id="auto"></div>
  </body>
</html>