我一直在努力尝试并到处寻找这个解决方案，但没有。
我有一个 JSP 页面，它具有 Jquery 自动完成功能。
<body>
<%
String ValueRec = request.getParameter("Category");
String autosuggest = request.getParameter("autosuggest");
out.println(ValueRec);
out.println(autosuggest);
%>
<form>
<input type="hidden" id="autosuggest" name="autosuggest" value="N"/>
<input type="text" name="Category" id="Category" value="" id="CategoryID">
<script>
$("#Category").autocomplete({
delay: 100,
autoFocus: true,
selectFirst: true,
source: 'ProviderSuggest.jsp',
select: function (event, ui) {
$('#autosuggest').val('Y');
}
});
</script>
<input type="submit" value="Submit"/>
</form>
</body>
ProviderSuggest.jsp的代码如下:
<%@page import="java.util.Hashtable"%>
<%@page import="java.util.Map"%>
<%@page import="java.util.HashMap"%>
<%@page import="com.google.gson.Gson"%>
<%@page import="java.util.ArrayList"%>
<%@page import="java.util.Iterator"%>
<%@page import="Functions.DBConnections"%>
<%@page import="java.util.List"%>
<%
String query = request.getParameter("term");
List<String> CategoryList = new DBConnections().GetCategoryList(query);
Iterator CatIterator = CategoryList.iterator();
String JCategory = "";
Map CategoryMap = new HashMap<>();
Gson gson = new Gson();
while (CatIterator.hasNext()) {
String Category = (String) CatIterator.next();
String CategoryID = (String) CatIterator.next();
CategoryMap.put(CategoryID, Category);
//JCategory = gson.toJson(CategoryMap);
}
//System.out.println(CategoryMap);
JCategory = gson.toJson(CategoryMap);
System.out.println(JCategory);
//out.print(JCountry);
out.print(JCategory);
%>
当我在自动完成字段中输入关键字时，我会根据需要获取类别。 ProviderSuggest.jsp 以 json 格式返回数据，如下所述:
{"110":"MRI SCAN","101":"CT SCAN","102":"SONOGRAPHY","103":"X-RAY","104":"PATHOLOGY"}
我正在使用 Google.gson.Gson。
我的要求是当用户输入例如MRI，他应该看到 MRI SCAN、CT SCAN 等类别。我看到了这一点，但输入字段的值应该是“110”或“101”等。这样，当我进一步处理数据时，我只发送类别 ID，而不发送类别。
如果有人可以帮助我提供如何实现此目标的完整代码，我将很高兴。我相信我在 JSon 数组创建部分和我们读取 json 数据的 Jquery 部分犯了一些错误。
谢谢。
最佳答案
您可以通过这种方式呈现自动完成数据。添加categoryid 作为数据属性，然后在选择时您将拥有一个having data- 标记，并且您可以检索.data('id') = 类别ID。希望能帮助到你。
$("#Category").autocomplete({
delay: 100,
autoFocus: true,
selectFirst: true,
source: 'ProviderSuggest.jsp',
select: function (event, ui) {
$('#autosuggest').val('Y');
}
}).data('autocomplete')._renderItem = function(ul, item) {
return $("<li>").data("item.autocomplete", item).append("<a data-id='"+item.CategoryID+"'>" + item.Category + "</a>").appendTo(ul);
};
你的Java应该是这样的:目的是有一个数组，其中键作为id，另一个键作为值(2个键)
[{CategoryID:“110”，类别:“MRI 扫描”}，{CategoryID:“101”，类别:“CT 扫描”]}
<%@page import="java.util.Hashtable"%>
<%@page import="java.util.Map"%>
<%@page import="java.util.HashMap"%>
<%@page import="com.google.gson.Gson"%>
<%@page import="java.util.ArrayList"%>
<%@page import="java.util.Iterator"%>
<%@page import="Functions.DBConnections"%>
<%@page import="java.util.List"%>
<%
String query = request.getParameter("term");
List<String> CategoryList = new DBConnections().GetCategoryList(query);
Iterator CatIterator = CategoryList.iterator();
String JCategory = "";
Map CategoryMap;
Gson gson = new Gson();
List autoComplete = new ArrayList();
while (CatIterator.hasNext()) {
String Category = (String) CatIterator.next();
String CategoryID = (String) CatIterator.next();
CategoryMap = new HashMap<String,String>();
CategoryMap.put("Category", Category);
CategoryMap.put("CategoryID", CategoryID);
//JCategory = gson.toJson(CategoryMap);
autoComplete.add(CategoryMap);
}
JCategory = gson.toJson(autoComplete);
System.out.println(JCategory);
//out.print(JCountry);
out.print(JCategory);
%>
关于java - 如何在java中为键值对创建JSON数组并在JQuery自动完成中使用它来分离键值，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/32271328/