ajax实现省市三级联动效果

ajax实现省市三级联动效果

这篇文章主要为大家详细介绍了ajax实现省市三级联动效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

本文实例为大家分享了ajax实现三级联动效果的具体代码,供大家参考,具体内容如下

1、html代码

   Title 

2、javaservlet

 package servlet; import DButil.DataSourceUtil; import com.alibaba.fastjson.JSON; import domain.Province; import org.apache.commons.dbutils.QueryRunner; import org.apache.commons.dbutils.handlers.BeanListHandler; import javax.jws.WebService; import javax.servlet.ServletException; import javax.servlet.annotation.WebServlet; import javax.servlet.http.HttpServlet; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse; import java.io.IOException; import java.sql.SQLException; import java.util.List; @WebServlet("/getAllProvince") public class ProvinceServlet extends HttpServlet { @Override protected void service(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException { resp.setContentType("application/json;charset=utf8"); QueryRunner queryRunner = new QueryRunner(DataSourceUtil.getDataSource()); String sql = "select * from province"; try { List provinces = queryRunner.query(sql, new BeanListHandler(Province.class)); Object json = JSON.toJSON(provinces); resp.getWriter().print(json); } catch (SQLException e) { e.printStackTrace(); } } }
 package servlet; import DButil.DataSourceUtil; import com.alibaba.fastjson.JSON; import domain.City; import org.apache.commons.dbutils.QueryRunner; import org.apache.commons.dbutils.handlers.BeanListHandler; import javax.jws.WebService; import javax.servlet.ServletException; import javax.servlet.annotation.WebServlet; import javax.servlet.http.HttpServlet; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse; import java.io.IOException; import java.sql.SQLException; import java.util.List; @WebServlet("/getCitys") public class CityServlet extends HttpServlet { @Override protected void service(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException { resp.setContentType("application/json;charset=utf8"); QueryRunner queryRunner = new QueryRunner(DataSourceUtil.getDataSource()); String pid = req.getParameter("pid"); String sql = "select * from City where pid=?"; try { List cities = queryRunner.query(sql, new BeanListHandler(City.class), pid); Object toJSON = JSON.toJSON(cities); resp.getWriter().print(toJSON); } catch (SQLException e) { e.printStackTrace(); } } }

3、数据库池化

 <?xml version="1.0" encoding="UTF-8"?>   com.mysql.jdbc.Driverjdbc:mysql://localhost:3306/textrootroot0

以上就是省市联动的核心代码。

以上就是ajax实现省市三级联动效果的详细内容,更多请关注易知道|edz.cc其它相关文章!

推荐阅读