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

成都創(chuàng)新互聯(lián)-專業(yè)網(wǎng)站定制、快速模板網(wǎng)站建設(shè)、高性價(jià)比扶風(fēng)網(wǎng)站開發(fā)、企業(yè)建站全套包干低至880元,成熟完善的模板庫(kù),直接使用。一站式扶風(fēng)網(wǎng)站制作公司更省心,省錢,快速模板網(wǎng)站建設(shè)找我們，業(yè)務(wù)覆蓋扶風(fēng)地區(qū)。費(fèi)用合理售后完善，十載實(shí)體公司更值得信賴。

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是一種在無(wú)需重新加載整個(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)，關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，更多相關(guān)知識(shí)等著你來學(xué)習(xí)!
            
            
                        

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

            本文來源：http://weahome.cn/article/ieshsi.html