JQuery自动完成对象数组

我正在使用Spring MVC并尝试从我的控制器发送一个对象数组以使用int JQuery自动完成。我已经设法用Array List<String>这样做了。但我无法让它与一个对象数组一起工作。我需要标签和值在JQuery自动完成中成为不同的字符串。JQuery自动完成对象数组

我要做到以下几点，根据自动完成JQuery用户界面：

[ { label: "Label1", value: "Value1" }, ... ]

我设法得到它的JS

var obj = jQuery.parseJSON('[{"label":"Label1","value":"Value1"},{"label":"Label2","value":"Value2"}]');

内工作，但我在我控制器创建我无法将其作为字符串发送到自动填充（由于自动填充的成功不会触发，并且响应（数据）不会运行）。所以我尝试创建如下。

@RequestMapping(params = {"type=itemType"}) 
public @ResponseBody List<DataObject> returnItemType(@RequestParam("itemType") String itemType) { 
    List<DataObject> objList = new ArrayList<DataObject>(); 
    objList.add(new DataObject("Label1", "Value1")); 
    objList.add(new DataObject("Label2", "Value2")); 
    return objList; 
} 

    private static class DataObject { 
    private String label; 
    private String value; 

    public DataObject(String label, String value) { 
     this.label = label; 
     this.value = value; 
    } 

    public String toString() { 
     return "label = " +label+ ", value = " +value; 
    } 
    }

如果我添加GSON return gson.toJson(objList);

的JSON看起来萤火不错。但是，自动完成的成功将不会运行，并且response(data)将不会运行Gson中的字符串。

的JS为自动完成

 $(function() { 
    $("#itemType").autocomplete({ 
      source: function(request, response) { 
       $.ajax({ 
        url:   "autocomplete.do", 
        dataType: "json", 
        cache:  true, 
        contentType: "application/json; charset=utf-8", 
        data: { 
         "type" : "itemType", 
         "itemType" : $("#itemType").val() 
        }, 
        success: function(data) { 
         response(data); 
        } 

       }); 
      }, 
      select: function(event, ui) { 
       $("#itemType").val(ui.item.value); 
       $("#orderItemFilterForm").submit(); 
      }, 
      minLength: 0 
    }); 
    $('#itemType').click(function(){ 
     $(this).val(""); 
     $(this).data("autocomplete").search($(this).val()); 
    });   
});

有什么建议？

来源

2013-07-25 Andreas Mqueen

在我的web应用程序，我用来从javascript，如下json数据：

success:function(data){ 
data=eval("("+data+")"); 
console.log(data.label+"\t"+data.value); 
}

来源

2014-02-25 10:16:47 lucumt

JQuery自动完成对象数组

回答

相关问题