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 ...

随机推荐

Web项目,F12调试的说明
sessionstorage,localstorage和cookie之间的区别区别:cookie数据始终在同源的http请求中携带(即使不需要),即cookie在浏览器和服务器间来回传递.而sess ...
Unity手游之路<一>C#版本Protobuf
http://blog.csdn.net/janeky/article/details/17104877 个游戏包含了各种数据,包括本地数据和与服务端通信的数据.今天我们来谈谈如何存储数据,以及客户端 ...
centos 设置永久dns
最近在折腾一个问题. 由于服务器的带宽是联通5M, 不稳定.而且所处的网络的dns解析貌似老出问题,每隔一定周期解析时间特别长. 于是乎,想在本地做一个dns,这样可以减少dns解析时间,并做些静态配 ...
hnu11187
AC自动机+DP #include <cstdio> #include <queue> #include <cstring> using namespace std ...
Qt 常用的功能
1.程序重启 void Widget::reStart() { qApp->closeAllWindows(); QProcess::startDetached(qApp->appli ...
7.SpringMVC注解优化
新建controller,每个人都可以建自己的controller,比较方便,不用再在web.xml中进行配置,value的请求地址一定要唯一. 优化: 1.上面示例中spring-annotatio ...
数组里的数据绑定到dataset中
string [] an = {"a","b","c"};DataTable dt = new DataTable(); dt.Column ...
Effective C++ -----条款18：让接口容易被正确使用，不易被误用
好的接口很容易被正确使用,不容易被误用.你应该在你IDE所有接口中努力达成这些性质. “促进正确使用”的办法包括接口的一致性,以及与内置类型的行为兼容. “阻止误用"的办法包括建立新类型.限 ...
C#有关日期的使用方法
DateTime dt = DateTime.Now; //当前时间 DateTime startWeek = dt.AddDays( - Convert.ToInt32(dt.DayOfWeek.T ...
oracle，mysql对敏感，关键字等处理
oracle用"" 比如,处理字段中间有空格,

AJAX 三级联动

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

随机推荐

热门专题