当点下拉框时动态加载后台数据。 后台代码
protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
request.setCharacterEncoding("UTF-8");
response.setCharacterEncoding("UTF-8");
Map<String, String> product_names = DataManager.getGroup_names();
StringBuffer sb = new StringBuffer();
sb.append("{");
Set<String> keys = product_names.keySet();
for(Iterator<String> iter = keys.iterator();iter.hasNext();) {
String key = iter.next();
sb.append(product_names.get(key)+":");
sb.append("['"+key+"'],");
}
sb.deleteCharAt(sb.length()-1);
sb.append("}");
response.getWriter().write(sb.toString());
}
前台:
$.ajax({
type:"post",
url:"InitData",
data:"",
success:function(data) {
var map = eval("("+data+")");
$.each(map,function(key,values){
$("<option value="+values+">"+key+"</option>").appendTo("#p_name");
});
}
});