新的封装类

<?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. HDU 1174 爆头(计算几何)

    题目链接:http://acm.hdu.edu.cn/showproblem.php?pid=1174 解题报告:就是用到了三维向量的点积来求点到直线的距离,向量(x1,y1,z1)与(x2,y2,z ...

  2. 在linux下安装Python：

    # 下载最新版本 cd /usr/local/src/ sudo wget http://www.python.org/ftp/python/3.3.2/Python-3.3.2.tar.bz2 su ...

  3. ReLU 和sigmoid 函数对比以及droupout

    参考知乎的讨论:https://www.zhihu.com/question/29021768 1.计算简单,反向传播时涉及除法,sigmod求导要比Relu复杂: 2.对于深层网络,sigmod反向 ...

  4. velocity +mybatis+ springMvc构建邮件服务器知识总结

    1.在controller中传值到页面 (1)List<String> 类型 List<String> servers = null ; //…………………… mv.addOb ...

  5. CodeIgniter框架下载辅助函数的一个小bug

    if (strpos($_SERVER['HTTP_USER_AGENT'], "MSIE") !== FALSE) { header('Content-Type: '.$mime ...

  6. Python中sorted()方法

    Python中sorted()方法的用法 1.先说一下iterable,中文意思是迭代器. Python的帮助文档中对iterable的解释是:iteralbe指的是能够一次返回它的一个成员的对象.i ...

  7. centos7 & mysql

    首先centos7很坑爹. 其次,在centos7上安装mysql更坑爹. 特此记录一次坑爹历程后的唯一出路. 安装mysql wget http://repo.mysql.com/mysql-com ...

  8. OLA音频变速算法的仿真与剖析

    前段时间,在尝试音乐节拍数的提取时,终于有了突破性的进展,效果基本上比市面上的许多商业软件还要好,在作节拍数检测时,高频信息作用不大, 通过重采样减小运算量.重采样让我想起了在学校里面做的变速变调算法 ...

  9. 同级兄弟元素之间的CSS控制

    为了实现这个导航效果:选中菜单中某一项,隐藏掉自身的左边背景线条,同时让他的下一个兄弟元素也隐藏掉线条. 有一种选择器就叫兄弟元素选择器,分为临近兄弟和普通兄弟. 临近兄弟:用 + 表示,只匹配该元素 ...

  10. docker ui

    docker run -d -p 9000:9000 --privileged -v /var/run/docker.sock:/var/run/docker.sock uifd/ui-for-doc ...