이번에는 ajax로 3단계 연결을 구현하는 방법(코드 포함)을 알려드리겠습니다. ajax에서 3단계 연결을 구현하는 경우 주의사항은 무엇인가요?
1. 먼저 페이지에 p를 배치하여 향후 참조 방법
<body> <p id="sanji">//p的id为“sanji” </p>
2. Sanji js 처리 페이지
$(document).ready(function(){ //向p里面放三个下拉菜单 var str = "<select id='sheng'></select> <select id='shi'></select> <select id='qu'></select>"; //给三个下拉列表定义 str 变量 $("#sanji").html(str); FillSheng(); FillShi(); FillQu();//Sheng Shi Qu的逻辑顺序 $("#sheng").change(function(){ FillShi(); FillQu(); })//给sheng菜单添加点击事件 $("#shi").change(function(){ FillQu(); })//给shi菜单添加点击事件 });//页面加载完成之后过来执行某些代码
3. shi 방법 채우기
function FillSheng() { var pcode = "";//定义一个变量 $.ajax({ url:"chuli.php", data:{pcode:pcode}, type:"POST", dataType:"TEXT", success:function(data){ var hang = data.split("^"); str +="<option value='"+lie[0]+"'>"+lie[1]+"</option>"; } $("#sheng").html(str); }); }
3.
4.chuli 페이지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;i++) { var lie = hang[i].split("^"); str += "<option value='"+lie[0]+"'>"+lie[1]+"</option>"; } $("#shi").html(str); } }); }
ajax를 사용하여 부분 페이지 점프 기능을 만드는 방법
jQuery에서 ajax.load() 메서드를 사용하는 방법
위 내용은 Ajax는 3단계 연결을 구현합니다(코드 포함).의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!