ajax搜索框输入文字自动提示

搜索框内容自动提示

1. 获取搜索框并为其添加用户输入事件
2. 获取用户输入关键字
3. 向服务器端发送请求并携带关键字作为请求参数
4. 将响应数据显示在搜索框底部

demo使用技术

• html、css、JavaScript
• nodejs、art-template模板引擎、ajax

源码：

node app.js

// 引入express框架
const express = require('express');
// 路径处理模块
const path = require('path');
const formidable = require('formidable');
// 创建web服务器
const app = express();

// 静态资源访问服务功能
app.use(express.static(path.join(__dirname, 'public')));
// 输入框文字提示
app.get('/searchAutoPrompt', (req, res) => {
   
   // 搜索关键字
   const key = req.query.key;
   // 提示文字列表
   const list = [
   	'百度',
   	'百度文库',
   	'百度图库',
   	'百度地图',
   	'百度一下',
   	'百度app',
   	'前端开发工程师',
   	'前端从入门到放弃',
   	'Ajax',