Ajax 는 phop 와 결합 하여 2 급 연동 을 실현 합 니 다.

2776 단어 Ajaxphp2 급 연동
본 논문 의 사례 는 Ajax 가 phop 과 결합 하여 2 급 연동 을 실현 하 는 구체 적 인 코드 를 공유 하고 ajax 를 사용 하여 phop 에서 데 이 터 를 얻 었 으 며 구체 적 인 내용 은 다음 과 같다.
ajax 를 사용 하여 phop 에서 데 이 터 를 가 져 옵 니 다.

<!DOCTYPE html>
<html>
 <head>
 <title>Ajax   </title>
 <meta charset="utf-8" />
 </head>
 

 <body>

 <!--      -->
 <select id="province">
 <option>   </option>
 <option>   </option>
 <option>   </option>
 <option>   </option>
 </select>
 <select id="city">
 <option>   </option>
 </select>
 <script>
 // 1.  <select>    onchange  
 var provinceEle = document.getElementById("province");
 provinceEle.onchange = function(){
 //  id city       
 var city = document.getElementById("city");
 var opts = city.getElementsByTagName("option");
 for(var z=opts.length-1;z>0;z--){
  city.removeChild(opts[z]);
 }
  
 // 2.              
 var province = provinceEle.value;
 // 3.           -   
 var cities = [];
 switch (province){
  case "   ":
  cities = ["   ","   ","   ","   ","   "];
  break;
  case "   ":
  cities = ["   ","   ","   ","   ","   "];
  break;
  case "   ":
  cities = ["   ","   ","   ","   ","   "];
  break;
 }
 //       

 for(var i=0;i<cities.length;i++){
  // 4.   <option>  
  var option = document.createElement("option");
  // 5.          <option>   
  var textNode = document.createTextNode(cities[i]);
  option.appendChild(textNode);
  // 6.       <option>     id city   
  city.appendChild(option);
 }
  

 }

 </script>
 </body>

</html>

php:

<?php
 //                 
 // 1.             
 $province = $_POST['provcince'];
 // 2.          ,         
 switch ($province){
 case '   ':
  echo '   ,   ,   ,   ,   ';
  break;
 case '   ':
  echo '   ,   ,   ,   ,   ';
  break;
 case '   ':
  echo '   ,   ,   ,   ,   ';
  break;
 }
 //            

?> 


이상 이 바로 본 고의 모든 내용 입 니 다.여러분 의 학습 에 도움 이 되 고 저 희 를 많이 응원 해 주 셨 으 면 좋 겠 습 니 다.

좋은 웹페이지 즐겨찾기