ajax实现百度一下模糊查询功能

1、效果

如下图所示，我们在输入大学时，程序会到后端查询名字中包含大学的数据，并展示到前端页面。
用户选择一个大学，该大学值会被赋值到input表单，同时关闭下拉表单；
当页面展示的数据都不符合条件时，用户点击空白处，可关闭表单。

2、前端

2.1、页面html代码

单位名称:

    

2.2、页面js代码

2.3、页面css样式代码

3、后端

@RequestMapping("/keyword")
@ResponseBody
protected List unitData(HttpServletRequest req, HttpServletResponse resp) throws IOException {
    List list=new ArrayList<>();
    List universities = Arrays.asList("公安局,教育局,交通局,金陵学院,合肥学院,外交部,北京大学,清华大学,上海交通大学,浙江大学,厦门大学,河南大学,河北大学, 浙江大学,福建大学,广东大学,广西大学,四川大学,山东大学,陕西大学,山西大学,a1,a2,a3,aa,".split(","));
    for (String s : universities) {
        if(s.contains(req.getParameter("name"))){
            list.add(s);
        }
    }
    return list;
}