使用ajax怎么实现一个省市三级联动效果-创新互联

使用ajax怎么实现一个省市三级联动效果？很多新手对此不是很清楚，为了帮助大家解决这个难题，下面小编将为大家详细讲解，有这方面需求的人可以来学习下，希望你能有所收获。

创新互联建站专注于措勤企业网站建设,响应式网站建设,商城网站建设。措勤网站建设公司,为措勤等地区提供建站服务。全流程定制网站开发，专业设计，全程项目跟踪，创新互联建站专业和态度为您提供的服务

什么是ajax

ajax是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术，可以通过在后台与服务器进行少量数据交换，使网页实现异步更新。

1、html代码




 
 Title
 
  .wrap
  {
   background-color: beige;
   width: 400px;
   height: 200px;
   margin: 0 auto;
   text-align: center;
   margin-top: 200px;
  }
  .wrap select
  {
   width:130px;
   height: 30px;
  }

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、数据库池化



 
  com.mysql.jdbc.Driver
  jdbc:mysql://localhost:3306/text
  root
  root
  0

看完上述内容是否对您有帮助呢？如果还想对相关知识有进一步的了解或阅读更多相关文章，请关注创新互联行业资讯频道，感谢您对创新互联网站建设公司，的支持。

网页名称：使用ajax怎么实现一个省市三级联动效果-创新互联
本文URL：http://cqcxhl.com/article/jchds.html

重庆分公司，新征程启航

使用ajax怎么实现一个省市三级联动效果-创新互联

什么是ajax

其他资讯