Question

ajax三级联动例子

Answer 1

不能给你实例，你自己参照我所做的，自己借鉴吧，是用Jquery+ajax实现的
<script>
function getDistrict(){
var obj_city = document.getElementById("city");
var city_Index = obj_city.selectedIndex;
var city_Value = obj_city.options[city_Index].value;
BindUnit_District(city_Value);
}
function BindUnit_District(id) {
$.ajax({
url: "../city/district.html?id="+id,
dataType: 'json', //返回的类型为json
success: function(result) { //成功时执行的方法
try {
$("#district").empty(); //清空下拉列表
$(result).each(function(i, item) {
$("#district").append(" <option value='" + item.id + "'>" + item.name + "</option>");
}
);
}
catch (e) {
alert(e);
return;
}
},
error: function(result, status) { //出错时会执行这里的回调函数
if (status == 'error') {
alert(status);
}
}
});
}
</script>

后台JAVA代码：
public class CityD {
App app = App.getInstance();
EntityManagerFactory emf = app.getEntityManagerFactory();
org.springframework.orm.jpa.JpaTemplate jpaTemplate = new org.springframework.orm.jpa.JpaTemplate(emf);
/**
* Ajax请求
* @param id
* @return 行政区
* @throws Exception
*/
@SuppressWarnings("unchecked")
@GET
@Produces({ MediaType.APPLICATION_JSON }) //返回类型为json
public java.util.List<District> linkage(@QueryParam("id") String id) throws Exception {
//根据id查询出City下所有的行政区
java.util.List<District> d = jpaTemplate.find("select d from District d where d.city.id='"+id+"'");
return d;
}
}

希望你能自己领悟