真实的国产乱ⅩXXX66竹夫人,五月香六月婷婷激情综合,亚洲日本VA一区二区三区,亚洲精品一区二区三区麻豆

成都創(chuàng)新互聯(lián)網(wǎng)站制作重慶分公司

使用ajax怎么實(shí)現(xiàn)一個(gè)省市三級(jí)聯(lián)動(dòng)效果

使用ajax怎么實(shí)現(xiàn)一個(gè)省市三級(jí)聯(lián)動(dòng)效果?很多新手對(duì)此不是很清楚,為了幫助大家解決這個(gè)難題,下面小編將為大家詳細(xì)講解,有這方面需求的人可以來(lái)學(xué)習(xí)下,希望你能有所收獲。

公司主營(yíng)業(yè)務(wù):成都網(wǎng)站制作、網(wǎng)站建設(shè)、移動(dòng)網(wǎng)站開(kāi)發(fā)等業(yè)務(wù)。幫助企業(yè)客戶真正實(shí)現(xiàn)互聯(lián)網(wǎng)宣傳,提高企業(yè)的競(jìng)爭(zhēng)能力。創(chuàng)新互聯(lián)是一支青春激揚(yáng)、勤奮敬業(yè)、活力青春激揚(yáng)、勤奮敬業(yè)、活力澎湃、和諧高效的團(tuán)隊(duì)。公司秉承以“開(kāi)放、自由、嚴(yán)謹(jǐn)、自律”為核心的企業(yè)文化,感謝他們對(duì)我們的高要求,感謝他們從不同領(lǐng)域給我們帶來(lái)的挑戰(zhàn),讓我們激情的團(tuán)隊(duì)有機(jī)會(huì)用頭腦與智慧不斷的給客戶帶來(lái)驚喜。創(chuàng)新互聯(lián)推出海南州免費(fèi)做網(wǎng)站回饋大家。

什么是ajax

ajax是一種在無(wú)需重新加載整個(gè)網(wǎng)頁(yè)的情況下,能夠更新部分網(wǎng)頁(yè)的技術(shù),可以通過(guò)在后臺(tái)與服務(wù)器進(jìn)行少量數(shù)據(jù)交換,使網(wǎng)頁(yè)實(shí)現(xiàn)異步更新。

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;
  }
 
 



 
 
 
 
 function getctiydata() {   $("#city").empty();   var pid = $("#province").val();   $.ajax({    url:"/getCitys?pid="+pid,    dataType:"json"   }).done(function (data) {    for (var i in data)    {     $("#city").append($(""      + data[i].name +""))    }   })     }  $.ajax({   url: "/getAllProvince",   dataType:"json"  }).done(function (data) {   for (var i in data)   {    $("#province").append($(""     + data[i].name +""))   }   getctiydata()  });  $("#province").change(function () {   getctiydata()  })

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、數(shù)據(jù)庫(kù)池化



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

看完上述內(nèi)容是否對(duì)您有幫助呢?如果還想對(duì)相關(guān)知識(shí)有進(jìn)一步的了解或閱讀更多相關(guān)文章,請(qǐng)關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道,感謝您對(duì)創(chuàng)新互聯(lián)的支持。


網(wǎng)站名稱:使用ajax怎么實(shí)現(xiàn)一個(gè)省市三級(jí)聯(lián)動(dòng)效果
本文網(wǎng)址:http://weahome.cn/article/jepdse.html

其他資訊

在線咨詢

微信咨詢

電話咨詢

028-86922220(工作日)

18980820575(7×24)

提交需求

返回頂部