這篇文章主要介紹了Ajax實(shí)現(xiàn)城市二級(jí)聯(lián)動(dòng)d，具有一定借鑒價(jià)值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

創(chuàng)新互聯(lián)專注于企業(yè)網(wǎng)絡(luò)營(yíng)銷推廣、網(wǎng)站重做改版、浙江網(wǎng)站定制設(shè)計(jì)、自適應(yīng)品牌網(wǎng)站建設(shè)、H5場(chǎng)景定制、商城開發(fā)、集團(tuán)公司官網(wǎng)建設(shè)、外貿(mào)網(wǎng)站制作、高端網(wǎng)站制作、響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)等建站業(yè)務(wù)，價(jià)格優(yōu)惠性價(jià)比高，為浙江等各大城市提供網(wǎng)站開發(fā)制作服務(wù)。

1、html

 請(qǐng)選擇
 
 
 請(qǐng)選擇
 

2、javascript

//創(chuàng)建獲取ajax核心對(duì)象的函數(shù)
  function getXhr(){
   var xhr = null;
   if(window.XMLHttpRequest){
    xhr = new XMLHttpRequest();
   }else{
    xhr = new ActiveXObject("Microsoft.XMLHttp");
   }
   return xhr;
  }
  var xhr = getXhr();
  // 第一次執(zhí)行Ajax異步請(qǐng)求 - 省份
  window.onload = function(){
   xhr.open("get","finaly.php?state=1");
   xhr.send(null);
   xhr.onreadystatechange = function(){
   if(xhr.readyState==4&&xhr.status==200){
     var data = xhr.responseText;
     // 將字符串轉(zhuǎn)換為數(shù)組
     var provinces = data.split(",");
     // 遍歷數(shù)組
     for(var i=0;i0;z--){
    city.removeChild(opts[z]);
   }
   if(province.value != "請(qǐng)選擇"){
    xhr.open("post","finaly.php");
    xhr.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
    xhr.send("state=2&province="+province.value);
    xhr.onreadystatechange = function(){
     if(xhr.readyState==4&&xhr.status==200){
      var data = xhr.responseText;
      var cities = data.split(",");
      for(var i=0;i
3、finaly.php
什么是ajax
ajax是一種在無需重新加載整個(gè)網(wǎng)頁(yè)的情況下，能夠更新部分網(wǎng)頁(yè)的技術(shù)，可以通過在后臺(tái)與服務(wù)器進(jìn)行少量數(shù)據(jù)交換，使網(wǎng)頁(yè)實(shí)現(xiàn)異步更新。
感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享的“Ajax實(shí)現(xiàn)城市二級(jí)聯(lián)動(dòng)d”這篇文章對(duì)大家有幫助，同時(shí)也希望大家多多支持創(chuàng)新互聯(lián)網(wǎng)站建設(shè)公司，，關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，更多相關(guān)知識(shí)等著你來學(xué)習(xí)!
            

            當(dāng)前題目：Ajax實(shí)現(xiàn)城市二級(jí)聯(lián)動(dòng)d-創(chuàng)新互聯(lián)            

            文章網(wǎng)址：http://weahome.cn/article/doecsp.html