list集合通过ajax 在页面显示 、 以及省市级联查询

1. 后台list集合，页面显示以及级联查询2.实现思路，进入页面前先查询所有的省份，在页面初始化时追加到select 下拉选框中，当点击省份值触发onchange事件，通过ajax 查询市，追加到市 的select 中3. <div class="div2"><span class="">二级机构</span><select name="erji" onchange="changeProvince();" id="erji" style="width: 143px; height: 23px"><option value="00">全部</option></select></div><div class="div2"><span class="">三级机构</span>  <select name="sanji" id="sanji" style="width: 143px; height: 23px">  </select></div>//初始化$(function() {function getProvince() {//绑定二级机构$("#erji").append('<c:forEach items="${listTwo }" var="listTwo">'+ '<option  value="${listTwo.id }">${listTwo.name }</option>'+ '</c:forEach>');}});//根据二级机构获取三级机构function changeProvince() {var erji = $("#erji").val();$.ajax({type : "POST",data : {"erji" : erji,},dataType : "json",url : "jigou",success : function(data) {$("#sanji option").remove();$("#sanji").append("<option value='00'>" + '全部' + "</option>");两种循环后台list集和方式第一种循环追加方式$.each(data, function(name, value) {$("#sanji").append("<option value="+value.id+">" + value.name+ "</option>");});第二种循环追加方式for(var n in data.lists){$("#sanji").append("<option value="+data.lists[n].id+">" + data.lists[n].name+ "</option>");  }}})}4.ajax  集和、对象、基本类型的获取@RequestMapping(value = "/sendresultlists")public @ResponseBody String sendresultlists(Model model, HttpServletRequest request, String status,Integer offset,Integer pageCount) {省略查询过程List<xx>  newList=xxxxxxx;User user=xxxxxx;  //对象int  size=xxxxxx;  若返回的不止list集和，还有其他的对象,基本类型，可以这样传值Map res=new HashMap();res.put("lists",newList);res.put("user",user);res.put("size",size);return JSONObject.toJSONString(res);}$.ajax({type : "POST",data : {"erji" : erji,"sanji" : sanji,"repairname" : repairname,"repaircode" : repaircode,"coopstatus" : coopstatus,"repairtype" : repairtype,"offset":offset,"pageCount":pageCount},dataType : "json",url : "repairfactorybycondition",async : true,success : function(data) { //获取后台传过来的size 值$("#sanji").append(data.size); for(var v in data.list){//获取对象值var pinpai; for(var p in data.lists[v].user){ pinpai+='<option selected value=""> '+data.lists[v].user.name+'</option>'} //获取集和值$("#sanji").append("<option value="+data.lists[n].id+">" + data.lists[n].name+ "</option>"); }}}})