Bootstrap4使用ajax请求java servlet后端返回json数据,实现输入标签自动完成的简单实例

项目描述

最近在做网站的seo优化，需要把标签和分类进行优化，有个标签输入后自动完成的特效，找了半天发现有很多类似jquery的插件jquery-autocomplete，也有bootstrap官方提供的插件bootstrap3-typeahead.js，但是发现都非常臃肿，而且也不满足标签动态从后台查询数据库返回json并且自动输入的需求，于是自己实现了一个简单的实例，兼容性较差，代码加了不少注释，牛牛们可以下载后自行修改扩展

运行环境

jdk7+tomcat7+mysql+IntelliJ IDEA

项目技术(必填)

jsp+servlet+jquery+bootstrap4+ajax

数据库文件

无

jar包文件

压缩包WEB-INF/lib下

是否原创(转载必填原文地址)

原创

项目截图(必填)

运行截图(必填)

http://localhost:8080/index.jsp

gif动图

注意事项

界面需求都比较简单，但各种可能的需求都有处理。