Ajax는 3단계 연결이라는 가장 기본적인 개념을 구현합니다.

이번에는 3단계 연결을 위한 ajax의 가장 기본적인 개념을 알려드리겠습니다. ajax가 3단계 연결을 구현하기 위한 주의사항은 무엇인가요?

이 문서의 예제는 참고용으로 3단계 연결을 달성하기 위한 ajax의 특정 코드를 공유합니다. 구체적인 내용은 다음과 같습니다

1 먼저 향후 참조 방법을 용이하게 하기 위해 페이지에 p를 배치합니다

<p>//p的id为“sanji”
</p>

2. Sanji js 처리 페이지

$(document).ready(function(){
    
   //向p里面放三个下拉菜单
  var str = "<select></select>
    <select></select>
    <select></select>";
  //给三个下拉列表定义 str 变量
  
  $("#sanji").html(str);
  FillSheng();
  FillShi();
  FillQu();//Sheng Shi Qu的逻辑顺序 
  
   $("#sheng").change(function(){
     FillShi();
     FillQu();
   })//给sheng菜单添加点击事件
   $("#shi").change(function(){
   FillQu();
  })//给shi菜单添加点击事件
});//页面加载完成之后过来执行某些代码

3. 채우기 sheng 방법

function FillSheng()
{
 
  var pcode = "";//定义一个变量
  $.ajax({
     
     url:"chuli.php",
     data:{pcode:pcode},
     type:"POST",
     dataType:"TEXT",
     success:function(data){
              var hang = data.split("^");
              str +="<option>"+lie[1]+"</option>";
      }
     $("#sheng").html(str);
     });
}

2. 채우기 sh 방법

function FillShi()
{
 var pcode = $("#sheng").val();
 $.ajax({
   async:false,
   url:"chuli.php",
   data:{pcode:pcode},
   type:"POST",
   dataType:"TEXT",
   success: function(data){
     var hang = data.split("|");
     var str = "";
     for(var i=0;i<hang.length>"+lie[1]+"";
     }
     $("#shi").html(str);
    }
  });
}</hang.length>

3. 채우기 qu 방법

function FillQu()
{
 var pcode = $("#shi").val();
 $.ajax({
   url:"chuli.php",
   data:{pcode:pcode},
   type:"POST",
   dataType:"TEXT",
   success: function(data){
     var hang = data.split("|");
     var str = "";
     for(var i=0;i<hang.length>"+lie[1]+"";
     }
     $("#qu").html(str);
    }
  });
}</hang.length>

4.chuli 페이지

<?php include("DBDA.class.php");
$db = new DBDA();
$pcode = $_POST["pcode"];
$sql = "select * from chinastates where parentareacode=&#39;{$pcode}&#39;";
echo $db->StrQuery($sql);

이 방법을 익히셨을 거라 믿습니다. 이 기사를 참조하세요. 더 흥미로운 내용을 보려면 중국 웹사이트의 PHP 기타 관련 기사를 주목하세요!

추천 자료:

JS는 AJAX 부분 새로 고침(코드 포함)을 구현합니다.

Ajax 최적화 페이지 새로 고침을 위한 두 가지 방법

위 내용은 Ajax는 3단계 연결이라는 가장 기본적인 개념을 구현합니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!