新的封装类

<?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. SpringDataJPA的几个使用记录

    public Page<XMGLFileTemplateDTO> findXMGLFileTemplateByConditions(XMGLFileTemplateDTO xmglFile ...

  2. BZOJ1861——book

    就是给你一摞书,然后又询问第k大,编号为x的书是第几大,然后修改书的位置 splay模板题...然而我还是不会,,,又遇到lrj的书的坑了,rj的书里没有father,顿时弄得我ask不会搞了 注意合 ...

  3. C++公有派生

    C++中的公有派生: 1.格式:Class A:public B{...}: 例如我们先声明了一个基类:SafeIntArray,当我们要声明它的派生类IndexIntArray时,格式如下:

  4. 运动曲线提升CSS动画效果

    原文链接 译文\译者鞠大宝 先有UI动画,然后才会有好的UI动画.好的动画会让人惊叹“哇哦!”——因为页面看上去很流畅.很漂亮,最重要的是,自然,一点都不会让人觉得不和谐或者僵硬死板.如果你经常逛Dr ...

  5. centos 谷歌浏览器安装

    首先,这个是坑 http://www.tecmint.com/install-google-chrome-on-redhat-centos-fedora-linux/ 安装会报错,按照错误找到以下资源 ...

  6. phpcmsV9.5.8整合百度编辑器Ueditor1.4.3教程

    最近在搞phpcms视频功能,官方的视频功能实在是坑,刚开始是想将优酷的上传功能集成到ckeditor,在coding上有个项目,上传已经集成好了,还没有做上传后视频的获取和显示 项目地址:https ...

  7. LUA+resty 搭建验证码服务器

    使用Lua和OpenResty搭建验证码服务器 雨客 2016-04-08 16:38:11 浏览2525 评论0 云数据库Redis版 摘要: Lua下有个Lua-GD图形库,通过简单的Lua语句就 ...

  8. EOS单向N对1关联

    1. N端实体中用于关联的属性可以是主键也可以是非主键,1端的关联字段必须是主键(可以是单主键也可以是复合主键). 如下图关联字段:orgid 2.当在N端选择了用于关联的属性,那么这些属性在N端实体 ...

  9. HTML精确定位:scrollLeft,scrollWidth,clientWidth,offsetWidth之完全详解

    HTML:scrollLeft,scrollWidth,clientWidth,offsetWidth到底指的哪到哪的距离之完全详解 scrollHeight: 获取对象的滚动高度. scrollLe ...

  10. 《oracle每日一练》免安装Oracle客户端使用PL/SQL

    免安装Oracle客户端使用PL/SQL Oracle客户端挺招人烦的,部署连接它的应用通常需要先安装它的客户端,安装程序要求在目标机器上写注册表,假设你没有洁癖的话,你仍可能被下面的事情绊住:当你的 ...