|
Jquery的强大不用赘语了，今天就分享一下用jquery来调用servelt集合数据，然后填充到下拉框中：
下面是servlet:/LoadPrdClassServlet中的doPost方法，集合数据转换成JSON数据格式
public void doPost(HttpServletRequest request,HttpServletResponse response)
throws ServletException,IOException {
response.setContentType("text/html;charset=UTF-8");
prdClassService = new PrdClassService();
List<PrdClass> prdList = prdClassService.getPrdList();
StringBuffer strBuff = new StringBuffer("{"PrdClass":[");
for (PrdClass prdClass : prdList) {
strBuff.append("{"prdClass":"").append(prdClass.getPrdClass()).append("","prdName":"")
.append(prdClass.getPrdName()).append(""},");
}
strBuff.deleteCharAt(strBuff.lastIndexOf(","));
strBuff.append("]}");
//System.out.println("strBuff字符串"+strBuff.toString());
response.getWriter().print(strBuff.toString());
}
前台页面js关键代码：
<script type="text/javascript">
<!--
$(document).ready(function(){//填充产品大类目前优化
$.getJSON("/LoadPrdClassServlet",function(data){
var str = "<option value=''>请选择</option>"
$.each(data.PrdClass,function(i,items) {
var tmp = "<option value="+items.prdClass+">"+items.prdName+"</option>";
str = str+tmp;
});
$("#searchPrd").html(str)
});
});
//-->
</script>
以上就是简单实现了JS前台调用java中的servlet，返回集合数据 （编辑：李大同）
【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!
|
