This article mainly introduces the implementation code of ajax three-level linkage in detail. It has certain reference value. Interested friends can refer to it.

The example in this article shares with everyone the ajax three-level linkage code. The specific code for linkage display is for your reference. The specific content is as follows

1. test.php

无标题文档

三级联动

Copy after login

2. sanji.js

// JavaScript Document $(document).ready(function(e) { //找到ID=SANJI的p，造三个下拉扔进去 $("#sanji").html(""); //加载省的数据 LoadSheng(); //加载市的数据 LoadShi(); //加载区的数据 LoadQu(); //给省的下拉加点击事件 $("#sheng").click(function(){ //重新加载市 LoadShi(); //重新加载区 LoadQu(); }) //给市的下拉加点击事件 $("#shi").click(function(){ //重新加载区 LoadQu(); }) }); //加载省份的方法 function LoadSheng() { //省的父级代号 var pcode = "0001"; $.ajax({ async:false, url:"chuli.php", data:{pcode:pcode}, type:"POST", dataType:"TEXT", success: function(data){ var hang = data.trim().split("|"); var str = ""; for(var i=0;i"+lie[1]+""; } $("#sheng").html(str); } }); } //加载市的方法 function LoadShi() { //找市的父级代号 var pcode = $("#sheng").val(); $.ajax({ async:false, url:"chuli.php", data:{pcode:pcode}, type:"POST", dataType:"TEXT", success: function(data){ var hang = data.trim().split("|"); var str = ""; for(var i=0;i"+lie[1]+""; } $("#shi").html(str); } }); } //加载区的方法 function LoadQu() { //找区的父级代号 var pcode = $("#shi").val(); $.ajax({ url:"chuli.php", data:{pcode:pcode}, type:"POST", dataType:"TEXT", success: function(data){ var hang = data.trim().split("|"); var str = ""; for(var i=0;i"+lie[1]+""; } $("#qu").html(str); } }); }

Copy after login

3. chuli.php

StrQuery($sql);

Copy after login

The method of returning a string in the quoted encapsulation class

host,$this->uid,$this->pwd,$this->dbname); $result = $db->query($sql); if($type) { //如果是查询，显示数据 return $result->fetch_all(); } else { //如果是增删改，返回true或者false return $result; } } //返回字符串的方法 public function strquery($sql,$type=1) { $db = new MySQLi($this->host,$this->uid,$this->pwd,$this->dbname); $result = $db->query($sql); $arr = $result->fetch_all(); $str=""; foreach($arr as $v) { $str = $str.implode("^",$v)."|"; } $str = substr($str,0,strlen($str)-1); return $str; } //返回JSON function JSONQuery($sql,$type=1) { $db = new MySQLi($this->host,$this->uid,$this->pwd,$this->dbname); $r = $db->query($sql); if($type==1) { return json_encode($r->fetch_all(MYSQLI_ASSOC)); } else { return $r; } } }

Copy after login

The above is what I compiled for everyone. I hope it will be helpful to everyone in the future.

ajax implements the function of loading data

##How to use ajax_Examples, ajax data processing

React ajax java implements the function of uploading pictures and previewing them (graphic tutorial)

The above is the detailed content of ajax three-level linkage implementation code. For more information, please follow other related articles on the PHP Chinese website!