jquery自动完成渲染问题

Question

我试图通过 servlet 接收数据来实现 jQuery 自动完成插件。 该脚本有效，并且确实从 servlet 中提取结果，但我无法让它在下拉菜单中正确呈现。假设我在搜索栏中写“hel”，自动完成下拉列表是：

h
e
l
l
o

根据我的理解，自动完成插件应该接收一个数组，我认为这可能是问题所在。 这是我的 javascript 代码：

<script>
function getFilteredNames(request, response){

    $.ajax({
        type: "POST",
        url: "../servlet/Autocomplete", 
        data: request,
        success: function(data) {
            response(data);
        }
    });
}

$(document).ready(function(){
        $("#buscar").autocomplete({ source : getFilteredNames, minLength: 3}); 
});
</script>

这是 servlet 代码的一部分：

protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        response.setContentType("text/html;charset=UTF-8");
        PrintWriter out = response.getWriter();

        try {
            String query = request.getParameter("term");
            List<Socio> rs = new ArrayList<Socio>();    
            rs = SocioDAO.getSociosByQuery(query);      

                if (rs.isEmpty()) {
                    out.println("No hay coincidencias");
                }
                else {

                    Iterator <Socio> iterator = rs.iterator();
                    while (iterator.hasNext()) {
                        String nombre = (String) iterator.next().getNombre();
                        out.println(nombre);
                    }

            }

任何建议将不胜感激！ 谢谢， 缺口

Answer 1

自动完成 UI 插件接受 JSON 数据格式的数组、对象。

1. 所以你必须将 datatype:json 放入你的 $.ajax 调用中，
2. 因为你使用 servlet 之前你必须将其格式化为 json 格式
   通过ajax调用发送到客户端。

为了将你的数据转换为 json 格式，你可以使用 http://www.json.org/ 提供的实用程序调用