Jquery+Ajax实现3级联动

Jquery+Ajax实现3级联动

1.需要将省市县这些地区的数据表导入到数据库内，已经添加到附件可以查看

2.这是一个成型的demo，界面非常简单 select组件即可

3.准备后台数据，这里用到了Gson(),有兴趣也可以了解一下fastjson()更快更方便的处理Json数据

4.关键代码

//设置响应编码格式 resp.setContentType("text/html;charset=utf-8"); resp.setCharacterEncoding("utf-8"); //设置请求编码格式 req.setCharacterEncoding("utf-8"); //获取请求内容 String parentid=req.getParameter("parentid"); System.out.println("parentid="+parentid); //处理请求 ArrayList list=new AreaDao().getAreaInfo(parentid); System.out.println(list); /** * 返回数据 * 注：此时使用了Gson() */ resp.getWriter().write(new Gson().toJson(list));

5.前台代码，使用Jquery+Ajax完成联动

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%><%String path = request.getContextPath();String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";%>

6.部署到Tomcat,效果如上，sql语句上传到资源

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。