Javascript jQueryUIAutoComplete只显示数据库中的第一项

我在模板上使用JQuery Autocomplete，但是当我得到结果时，Autocomplete只显示一个项目，尽管获取的结果有多个项目。它只显示列表中的第一项

例如：

如果我的结果列表中有

（'type1'、'type2'、'type3'）

在自动完成中，我输入“t”，它只在下拉列表中显示

type1

我是jquery的新手，请纠正我的错误（如果有）

我的自动完成代码：

$(".fro").each(function() {
        $(this).autocomplete({
                source : function(request, response) {
                    $.ajax({
                    serviceUrl: '${pageContext.request.contextPath}/index.htm',
                    datatype: "json",
                    paramName: "fro",
                    delimiter: ",",
                    data : {
                        term : request.term
                    },      
                    success : function(data) {
                        response($.map(data.result, function(item) {
                            $.each(data, function() {
                                return {

                                       label : this.fro,
                                       value : this.fro
                               }
                            });
                        }));
                    }     
                });
            },
                minLength:1
            });
        });

我的响应控制器如下所示：

@RequestMapping(value = "/getTags.htm", method = RequestMethod.GET, headers="Accept=*/*")
      public @ResponseBody List<SearchFiller> getTags(@RequestParam("fro") String fro) {
          return simulateSearchResult(fro);
      }

      private List<SearchFiller> simulateSearchResult(String fro) {

        List<SearchFiller> data=searchFlightDao.fillerList();

        List<SearchFiller> result = new ArrayList<SearchFiller>();
            for (SearchFiller tag : data) {
                if (tag.getFro().contains(fro)) {
                    result.add(tag);
                }
            }

        return result;
      }

@RequestMapping（value=“/getTags.htm”，method=RequestMethod.GET，headers=“Accept=*/*”）
public@ResponseBody列表getTags（@RequestParam（“fro”）字符串fro）{
返回模拟搜索结果（fro）；
}
私有列表模拟搜索结果（字符串fro）{
列表数据=searchFlightDao.fillerList（）；
列表结果=新建ArrayList（）；
for（SearchFiller标签：数据）{
if（tag.getFro（）.contains（fro））{
结果。添加（标签）；
}
}
返回结果；
}

正确的答案会受到赞赏

让您尝试一下：

$(".fro").each(function() {
    $(this).autocomplete({
        source : function(request, response) {
            $.ajax({
                serviceUrl: '${pageContext.request.contextPath}/index.htm',
                datatype: "json",
                paramName: "fro",
                delimiter: ",",
                data : {
                    term : request.term
                },      
                success : function(data) {
                    dataArray = new Array();
                    $.each(data, function() {
                        var t = { label : this.fro,  value : this.fro };
                        dataArray.push(t);
                    });
                    response(dataArray);
                }
            });
        },
        minLength:1
    });
});

---

当每个函数都像你说的那样放置时，我得到了错误的“错位结构”，我插入了每个函数。。。请参阅我的编辑。到目前为止，第一个数据本身还没有显示请帮我摆脱这一困境对不起，伙计..你的编辑不起作用..希望我不应该重新启动我的服务器。。对于这些编辑..我应该返回$（“data.result”）.each（data.result，function（）{这也不起作用没有错误。在firebug itz中显示术语是否正确