新的封装类

<?php

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<count($attr);$i++)

                {

                    for($j=0;$j<count($attr[$i]);$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";

            }

        }

}

三级联动

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>无标题文档</title>

<script src="jquery-1.11.2.min.js"></script>

<script src="sanji.js"></script>

</head>

<body>

<div id="sanji"></div>

</body>

</html>
$(document).ready(function(e) {

    var zhuti="<select id='sheng'></select><select id='shi'></select><select id='qu'></select>";

    $("#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<hang.length;i++)

            {

                //返回列的数组

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

                str=str+"<option value='"+lie[0]+"'>"+lie[1]+"</option>";

            }

            $("#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<hang.length;i++)

            {

                //返回列的数组

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

                str=str+"<option value='"+lie[0]+"'>"+lie[1]+"</option>";

            }

            $("#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<hang.length;i++)

            {

                //返回列的数组

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

                str=str+"<option value='"+lie[0]+"'>"+lie[1]+"</option>";

            }

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

            }

        })

}
<?php

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 三级联动的更多相关文章

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

    一.ajax验证表单元素规范正确与否 以用ajax来验证用户名是否被占用为例 1创建表单元素<input type="text" id="t"> 2 ...

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

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

  3. ajax三级联动下拉菜单

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

  4. 0509 关于Ajax + 三级联动示例

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

  5. [Ajax三级联动 无刷新]

    三级联动 的效果图 html页面: <body> <label class="fl">区域:</label> <select class= ...

  6. 2019.03.25 Ajax三级联动

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

  7. ajax 三级联动商品分类（转载）

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

  8. Ajax三级联动

    全国省市县查询 html代码 <!doctype html> <html> <head> <meta charset="utf-8"> ...

  9. 原生javascript AJAX 三级联动

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

随机推荐

  1. 12个Linux进程管理命令介绍

    导读 执行中的程序称作进程.当程序可以执行文件存放在存储中,并且运行的时候,每个进程会被动态得分配系统资源.内存.安全属性和与之相关的状态.可以有多个进程关联到同一个程序,并同时执行不会互相干扰.操作 ...

  2. imageable.touch

    使用 callback 确保创建,更新和删除 Picture 时,touch 关联的 imageable,使得其缓存能正确过期 这个update的方法用来把update时间强制更新成当前时间 http ...

  3. 我对自己提的几个关于cocos2dx的几个问题

    1.友元函数的定义: 2.运算符重载: 3.内存关机机制: 4.动作侦听: 5.单点触摸: 6.触摸目标判断: 7.事件传递: 8.多点触摸: 9.加速传感器: 10.物理按键交互: 11.绘图API ...

  4. MVC框架 与Smarty

    MVC一种软件设计模式 MVC全名是 Model View Controller,是模型(model)-视图(view)-控制器(controller)的缩写,一种软件设计典范,用一种业务逻辑.数据. ...

  5. java计算时间差

    比如:现在是2016-03-26 13:31:40        过去是:2016-01-02 11:30:24 我现在要获得两个日期差,差的形式为:XX天XX小时XX分XX秒 方法一: DateFo ...

  6. 跨域解决方案二：使用JSONP实现跨域

    跨域的实现方式有多种,除了 上篇文章 提到的CORS外,常见的还有JSONP.HTML5.Flash.iframe.xhr2等. 这篇文章对JSONP的跨域原理进行了探索,并将我的心得记录在这里和大家 ...

  7. 使用keepalived及典型应用

    通常说的双机热备是指两台机器都在运行,但并不是两台机器都同时在提供服务. eg:当提供服务的一台出现故障的时候,另外一台会马上自动接管并且提供服务,而且切换的时间非常短.栗子:下面来以keepaliv ...

  8. Kendo UI

    http://www.cnblogs.com/libingql/category/585455.html http://www.scala-china.net/discuz/forum.php?mod ...

  9. 16进制字符串转换为3进制（扩展至K进制）

    [本文链接] http://www.cnblogs.com/hellogiser/p/16-to-3-or-k.html [题目] 写代码把16进制表示的串转换为3进制表示的串.例如x=”5”,则返回 ...

  10. 由于Windows和Linux行尾标识引起脚本无法运行的解决

    在所有的操作系统中,文本文件的结束或者换行都是有行尾符来标识的,C语言中经常使用\n作为换行,\r作为跳格TAB:实际上在计算机还没有真正出现之前,有种电传打字机的设备,每秒钟可以打印10个字符,但是 ...