AJAX 三级联动

新的封装类

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

ajax验证表单元素规范正确与否 ajax展示加载数据库数据 ajax三级联动
一.ajax验证表单元素规范正确与否以用ajax来验证用户名是否被占用为例 1创建表单元素<input type="text" id="t"> 2 ...
使用 AJAX + 三级联动实现分类出全国各地的省，市，区
使用AJAX + 三级联动实现分类出全国各地的省,市,区也可以将下面的显示页面所写的 function循环,封装成js文件,就是在写代码软件里创建一个js文件,就和创建一个HTML或php文件一 ...
ajax三级联动下拉菜单
ajax写三级联动,先写一个文件类吧,以后用的时候直接调用即可: 来找一张表: 实现: 中国地域的三级联动:省.市.区: 图: 说一下思路: (1)当用户选择省份的时候触发事件,把当前的省份的id通过 ...
0509 关于Ajax + 三级联动示例
关于Ajax 1.干什么的? ajax负责抓取用户名信息,传递给服务器进行校验: 2.属性: onreadystatechange:事件,该事件可以感知ajax状态(readyState)的变化.aj ...
[Ajax三级联动无刷新]
三级联动的效果图 html页面: <body> <label class="fl">区域:</label> <select class= ...
2019.03.25 Ajax三级联动
所谓三级联动就是,一层接着一层,根据上一层的选择给出这一层的结果如选择市之后,会给出相应的区,然后到相应的县这就是联动配置视图 from django.core import serialize ...
ajax 三级联动商品分类（转载）
转载自 jines http://www.cnblogs.com/lijinblogs/p/5759399.html 思路分析:效果:当页面加载时,利用ajax异步向后台请求数据,加载一 ...
Ajax三级联动
全国省市县查询 html代码 <!doctype html> <html> <head> <meta charset="utf-8"> ...
原生javascript AJAX 三级联动
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

随机推荐

Java中Runnable和Thread
java中有两种实现多线程的方式:一种是继承Thread类,一种是实现Runnable接口. 1.java启动线程为什么使用start函数呢? 在JDK的安装路径下,src.zip是全部的java源程 ...
DOM之操作技术
1.1 动态脚本动态加载的外部JS文件能够立即运行.难点在于如何知道脚本加载完成了?可以通过事件来检测.IE对待<script>元素特殊性,不允许DOM访问其子节点.使用元素的text属 ...
破解TexturePacker加密资源
http://blog.csdn.net/ynnmnm/article/details/38392795 最近我们要开一个新项目,UI与交互打算借鉴当前正火的<圣火英雄传>,程序开发为了和 ...
BZOJ 4423: [AMPPZ2013]Bytehattan
Sol 对偶图+并查集. 思路非常好,将网格图转化成对偶图,在原图中删掉一条边,相当于在对偶图中连上一条边(其实就是网格的格点相互连边),每次加边用并查集维护就可以了. 哦对,还要注意边界就是网格外面 ...
OI总结（垃圾排版就忽略了吧）
学OI一年了,到现在联赛所需要的知识已经基本学完了.现在,有必要回过头来,总结总结自己一年来学到的知识以及得到的经验教训. 基础语言基础 C++的语言基础啥的就略了吧. 算法复杂度分析 O:复杂度的 ...
常用浏览器user_agent大全
PC端: safari 5.1 – MACUser-Agent:Mozilla/5.0 (Macintosh; U; Intel Mac OS X 10_6_8; en-us) AppleWebKit ...
2.2---找链表倒数第K个结点
答案,注意,一种是递归,另一种是迭代,那么巧妙利用双指针: 迭代: public static LinkedListNode nthToLast(LinkedListNode head, int n) ...
VRRP虚拟路由器冗余协议
VRRP(VirtualRouterRedundancyProtocol,虚拟路由冗余协议)是一种容错协议.通常,一个网络内的所有主机都设置一条缺省路由,这样,主机发出的目的地址不在本网段的报文将被通 ...
ModelState.IsValid
model内的设置如下所示: /// <summary> /// 取得或设置邮编 /// </summary> [RegularExpression(@"(^[1-9 ...
pip 安装命令
pip官网文档 https://pip.pypa.io/en/latest/reference/pip.html 若没有将c:\Python27\Scripts加入到path环境变量,可以在c:\Py ...

AJAX 三级联动

AJAX 三级联动的更多相关文章

随机推荐

热门专题