搜索提示类似百度 autocomplete+ajax+springmvc 数组数据展示

jsp

$(function() {

            $("#nav-search-input").autocomplete({
                minLength: 0,
                source: function( request, response ) {
                    $.ajax({
                        url : "<%=basePath%>special_line/findAllName.do",
                        type : "post",
                        dataType : "json",
                        success: function( data ) {
                            var str = data;
                            response($.map(data, function (n, i) {
                                str[i] = data[i];                              
                            }));
                            $("#nav-search-input").autocomplete({
                                source: str,
                            })
                        }
                    });
                }
			})
​​​​​​​})

controller

@RequestMapping(value="/findAllName")
@ResponseBody
public String[] findAllName()throws Exception{
   ModelAndView mv = this.getModelAndView();
   PageData pd = new PageData();
   pd = this.getPageData();
   List<PageData> varList = speciallineService.findAllName(pd);
   String[] str = new String[varList.size()];
   int i = 0;
   for(PageData pageData:varList){
      str[i++] = pageData.getString("SPECIAL_LINE_NAME");
   }
   return str;
}

效果图

 

知识点普及：

原生JS forEach()和map()遍历，jQuery$.each()和$.map()遍历

https://blog.youkuaiyun.com/liang526011569/article/details/69949829

https://www.cnblogs.com/zzcit/p/5695172.html