ajax3级联动什么意思,AJAX 三级联动

新的封装类

class DBDA

{

public $host="localhost";//服务器地址

public $uid="root";//用户名

public $pwd="";//密码

public $conn;//连接对象

//操作数据库的方法

//$sql代表需要执行的SQL语句

//$type代表SQL语句的类型，1代表查询，0代表增删改

//$db代表要操作的数据库名称

//如果是查询，返回二维数组

//如果是其他语句，返回true或false

function __construct($db="bilibili")

{

//造连接对象

$this->conn = new MySQLi($this->host,$this->uid,$this->pwd,$db);

}

public function Query($sql,$type=1)

{

//判断是否出错

!mysqli_connect_error() or die("连接失败！");

//执行SQL语句

$result = $this->conn->query($sql);

//判断SQL语句类型

if($type==1)

{

//如果是查询语句,返回结果集的二维数组

return $result->fetch_all();

}

else

{

//如果是其他语句,返回true或false

return $result;

}

}

//Ajax调用返回JSON

public function JsonQuery($sql,$type=1,$db="bilibili")

{

//定义数据源

$dsn = "mysql:dbname={$db};host={$this->host}";

//造pdo对象

$pdo = new PDO($dsn,"{$this->uid}","{$this->pwd}");

//准备执行SQL语句

$st = $pdo->prepare($sql);

//执行预处理SQL语句

if($st->execute())

{

if($type==1)

{

$sttr = $st->fetchAll(PDO::FETCH_ASSOC);

return json_encode($attr);

}

else

{

if($st)

{

return "OK";

}

else

{

return "NO";

}

}

}

else

{

echo "执行失败！";

}

}

//Ajax调用返回字符串

public function StrQuery($sql,$type=1)

{

//判断连接是否成功

!mysqli_connect_error() or die("连接失败！");

//执行SQL语句

$result = $this->conn->query($sql);

//判断SQL语句类型

if($type==1)

{

$attr = $result->fetch_all();

$str = "";

//如果是查询语句返回字符串

for($i=0;$i

{

for($j=0;$j

{

$str = $str.$attr[$i][$j];

$str = $str."^";

}

$str = substr($str,0,strlen($str)-1);

$str = $str."|";

}

$str = substr($str,0,strlen($str)-1);

return $str;

}

else

{

//如果是其他语句,返回true或false

if($result)

{

return "OK";

}

else

{

return "NO";

}

}

}

function PdoQuery($sql,$type=1,$db="bilibili")

{

//造数据源

$dns = "mysql:host={$this->host};dbname={$db}";

//造pdo对象

$pdo = new PDO($dns,$this->uid,$this->pwd);

//准备一条SQL语句

$stm = $pdo->prepare($sql);

//执行预处理语句

$r = $stm->execute();

if($r)

{

if($type==1)

{

return $stm->fetchAll();

}

else

{

return "OK";

}

}

else

{

return "NO";

}

}

}

三级联动

无标题文档

$(document).ready(function(e) {

var zhuti="";

$("#sanji").html(zhuti);

//填充省

fillsheng();

//填充市

fillshi();

//填充区

fillqu();

//当省选中变化的时候去填充市和区

$("#sheng").change(function(){

//填充市

fillshi();

//填充区

fillqu();

})

//当市选中变化的时候去填充区

$("#shi").change(function(){

//填充区

fillqu();

})

});

//填充省的方法

function fillsheng()

{

//省的父级代号

var pcode="0001";

//调AJAX

$.ajax({

async:false, //关闭异步，开启同步

url:"AJAX4chuli.php",

data:{pcode:pcode},

type:"POST",

dataType:"TEXT",

success: function(data){

//拆分返回的字符串，得到行的数组

var hang=data.trim().split("|");

var str="";

for(var i=0;i

{

//返回列的数组

var lie=hang[i].split("^");

str=str+""+lie[1]+"";

}

$("#sheng").html(str);

}

});

}

//填充市的方法

function fillshi()

{

//取到市的父级代号

var pcode=$("#sheng").val();

//调用AJAX

$.ajax({

async:false,

url:"AJAX4chuli.php",

data:{pcode:pcode},

type:"POST",

dataType:"TEXT",

success: function(data){

var hang=data.trim().split("|");

var str="";

for(var i=0;i

{

//返回列的数组

var lie=hang[i].split("^");

str=str+""+lie[1]+"";

}

$("#shi").html(str);

}

})

}

//填充区的方法

function fillqu()

{

//找到区的父级代号

var pcode=$("#shi").val();

//调用AJAX

$.ajax({

url:"AJAX4chuli.php",

data:{pcode:pcode},

type:"POST",

dataType:"TEXT",

success: function(data){

var hang=data.trim().split("|");

var str="";

for(var i=0;i

{

//返回列的数组

var lie=hang[i].split("^");

str=str+""+lie[1]+"";

}

$("#qu").html(str);

}

})

}

include("DBDA.php");

$db = new dbda();

//接收父级代号

$pcode = $_POST["pcode"];

//根据父级代号查子级区域

$sql = "select * from ChinaStates where ParentAreaCode='{$pcode}'";

echo $db->StrQuery($sql);

AJAX：异步AJAX

异步：

1.数据传输：收发数据的时候不用等到对方接收，可以继续发送

2.AJAX：在调用处理页面处理数据的时候，下面的代码可以继续执行，效率高

同步：

1.数据传输：收发数据的时候要等到对方接收成功，才可以继续发送下一个

2.AJAX：在调用处理页面处理数据的时候，下面的代码不能执行，只有当AJAX完全执行完之后，才能继续执行下面代码

ajax验证表单元素规范正确与否 ajax展示加载数据库数据 ajax三级联动

一.ajax验证表单元素规范正确与否 以用ajax来验证用户名是否被占用为例 1创建表单元素 2 ...

使用 AJAX + 三级联动 实现分类出全国各地的省，市，区

使用AJAX + 三级联动  实现分类出全国各地的省,市,区 也可以将下面的显示页面所写的 function循环,封装成js文件,就是在写代码软件里创建一个js文件,就和创建一个HTML或php文件一 ...

ajax三级联动下拉菜单

ajax写三级联动,先写一个文件类吧,以后用的时候直接调用即可: 来找一张表: 实现: 中国地域的三级联动:省.市.区: 图: 说一下思路: (1)当用户选择省份的时候触发事件,把当前的省份的id通过 ...

0509 关于Ajax + 三级联动示例

关于Ajax 1.干什么的? ajax负责抓取用户名信息,传递给服务器进行校验: 2.属性: onreadystatechange:事件,该事件可以感知ajax状态(readyState)的变化.aj ...

[Ajax三级联动 无刷新]

三级联动 的效果图 html页面:

区域:

2019.03.25 Ajax三级联动

所谓三级联动就是,一层接着一层,根据上一层的选择给出这一层的结果 如选择市之后,会给出相应的区,然后到相应的县这就是联动 配置视图 ​from django.core import serialize ...

ajax 三级联动商品分类(转载)

转载  自  jines     http://www.cnblogs.com/lijinblogs/p/5759399.html 思路分析:效果:当页面加载时,利用ajax异步向后台请求数据,加载一 ...

Ajax三级联动

全国省市县查询 html代码

原生javascript AJAX 三级联动