异步执行

1数据传输收发数据的时候不用等待对方接受，可以继续发送

2Ajax 在调用处理页面处理数据的时候，下面的代码可以继续执行，效率高

同步执行

1收发数据的时候要等到对方接受的成功，才可以继续发送下一个

2ajax 在调用处理页面数据的时候，下面的代码不能执行，只有当ajax完全执行完之后，才能继续执行下面代码

Async ：false 关闭异步，开启同步

显示页面

<!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 type="text/javascript" src="../../popwindow/jquery-1.11.2.min.js"></script>

</head>

<body>

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

</body>

<script type="text/javascript">

$(document).ready(function(e) {

    //创建表单

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

      $("#sanji").html(zhuti);

      //填充sheng

        FillSheng();

      //填充shi

        FillShi();

      //填充qu

        Fillqu();

        //当选中省变化的时候去填充市和区

        $("#sheng").change(function(e) {

            //填充shi

        FillShi();

      //填充qu

        Fillqu();

         });

        //当市选中的时候去选中区

        $("#shi").change(function(e) {

           //填充qu

        Fillqu();

        });

});

function FillSheng()

{

    var pcode="";//省的父级代号

    //调用ajax

    $.ajax({

        async:false,//关闭同步开启同步关闭异步

          url:"chuli.php",

        type:"POST",

        dataType:"text" ,

        data:{pcode:pcode},

        success: function(data)

    {     //拆分返回的字符串，得到的行的数组

        var hang=data.trim().split("|");

        var str="";

         for(var i=; i<hang.length;i++)

         {

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

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

         }

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

    }

    });

}

function FillShi()

{

    var pcode=$("#sheng").val(); //市的父级代号

    //调用ajax

    $.ajax({

        async:false,//开启同步关闭异步

          url:"chuli.php",

        type:"POST",

        dataType:"text" ,

        data:{pcode:pcode},

        success: function(data)

    {    //拆分返回的字符串，得到的行的数组

        var hang=data.trim().split("|");

        var str="";

         for(var i=; i<hang.length;i++)

         {

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

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

         }

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

    }

    });

}

function Fillqu()

{

    var pcode=$("#shi").val();//市的父级代号

    //调用ajax

    $.ajax({

        async:false,//关闭同步开启同步关闭异步

          url:"chuli.php",

        type:"POST",

        dataType:"text" ,

        data:{pcode:pcode},

        success: function(data)

    {     //拆分返回的字符串，得到的行的数组

        var hang=data.trim().split("|");

          var str="";

         for(var i=; i<hang.length;i++)

         {

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

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

         }

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

    }

    });

}

</script>

</html>

处理页面

<?php

//接受父级代号

$pcode=$_POST["pcode"];

include ("../DBDA.class.php");

$db=new DBDA();

//根据父代号查询

$sql="select * from chinastates where parentareacode='{$pcode}'";

echo $db->StrQuery($sql);

封装类

<?php

class DBDA

{

    public $host="localhost";    //服务器地址

    public $uid="root";             //用户名

    public $pwd="";             //密码

    public $dbconnect; //连接对象

    //操作数据库的方法

    //$sql代表需要执行的SQL语句

    //$type代表SQL语句的类型，1代表查询，2代表增删改

    //$dbname代表要操作的数据库名称

    //如果是查询，返回二维数组

    //如果是增删改，返回true或false

    /*ajax text 返回类型*/

    public function StrQuery($sql,$type=,$dbname="")

    {

        //造连接对象

        $this->dbconnect= new MYSQLi($this->host,$this->uid,$this->pwd,$dbname);

        if (!mysqli_connect_error())

        {

            //如果连接成功，执行sql语句

            $result = $this->dbconnect->query($sql);

            //根据语句判断

            if($type==)

            {

                $attr=$result->fetch_all();

                $str="";

                    //如果是查询语句返回字符串

                for($i=;$i<count($attr);$i++)

                {

                    for($j=;$j<count($attr[$i]);$j++)

                    {

                    $str = $str.$attr[$i][$j];

                    $str = $str."^";

                    }

                    $str = substr($str,,strlen($str)-);

                    $str = $str."|";

                }

                $str = substr($str,,strlen($str)-);

                return $str;

            }

            else

            {

                    //如果是其他语句,返回true或false

            if($result){

                return "OK";

            }else{

                return "NO";

            }

            }

        }

        else

        {

             return "连接失败";

        }

    }

}

ajax练习习题二三级联动的更多相关文章

  1. 使用PHP+MySql+Ajax+jQuery实现省市区三级联动功能

    使用PHP+MySql+Ajax+jQuery实现省市区三级联动功能 要求:写一个省市区(或者年月日)的三级联动,实现地区或时间的下拉选择. 实现技术:php ajax 实现:省级下拉变化时市下拉区下 ...

  2. 多级联动系列——ajax调用XML实现三级联动

    ajax 使用起来特别的方便,再也不操心浏览器兼容问题了.用ajax调用XML页面中的内容,来生成三级联动,OK废话不多说,跟着我一步步写吧. 首先写一个XML文件.data.xml <?xml ...

  3. 【2017-06-06】Ajax完整结构、三级联动的制作

    一.Ajax完整结构 $.ajax({ url:"Main.ashx", data:{}, dataType:"json", type:"post&q ...

  4. 用php+mysql+ajax+jquery做省市区三级联动

    要求:写一个省市区(或者年月日)的三级联动,实现地区或时间的下拉选择. 实现技术:php ajax 实现:省级下拉变化时市下拉区下拉跟着变化,市级下拉变化时区下拉跟着变化. 使用chinastates ...

  5. ajax加php实现三级联动

    js代码 <script type="text/javascript">    function get_next(t,pid){  //当前元素的id,当前optio ...

  6. Ajax做无刷新三级联动

    1.引入JS and Jquery包 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " ...

  7. 如何用jquery+ajax写省市区的三级联动？（封装和不封装两种方式）-----2017-05-14

    首先,要实现如下图效果, 1.要理清思路: 先做出三个下拉菜单----根据第一个下拉菜单的value值获取第二个下拉列表的内容,第三个同理. 2.用到的数据库表:Chinastates表 规律:根据国 ...

  8. ajax 城市区域选择三级联动

    <body onLoad="sheng()"><div class="xqbody">    <form action=" ...

  9. Ajax省市地区下拉列表三级联动

    SQL数据库表 --创建Province表 CREATE TABLE [dbo].[Province]( [Id] [int] NULL, [Name] [varchar](50) NULL, [or ...

随机推荐

  1. Careercup - Google面试题 - 6332750214725632

    2014-05-06 10:18 题目链接 原题: Given a ,) (,) (,), (,) should be returned. Some suggest to use Interval T ...

  2. DiskFileItemFactory类---分析及运用

    DiskFileItemFactory类 将请求消息实体中的每一个项目封装成单独的DiskFileItem (FileItem接口的实现) 对象的任务由 org.apache.commons.file ...

  3. Entity Framework走马观花之把握全局

    在深入学习某项技术之前,应该努力形成对此技术的总体印象,并了解其基本原理,本文的目的就在于此. 一.理解EF数据模型 EF本质上是一个ORM框架,它需要把对象映射到底层数据库中的表,为此,它使用了三个 ...

  4. SL410K 在Ubuntu禁用触摸板

    由于之前把系统自带的恢复去了,然后TouchPad一直不能禁用,而后我的410k就只装上ubuntu,想不到在ubuntu上,禁用/启用 触摸板这么方便. http://askubuntu.com/q ...

  5. UIlabel 显示模糊

    问题: 今天遇到连续两个label一个显示的比较清楚,比较锐利,而另一个对比下有点模糊. 原因: 在使用UILabel等继承于UIView的控件时,如果frame的rect不是整数的情况下,就会显示起 ...

  6. UVALive - 7368 Airports DAG图的最小路径覆盖

    题目链接: http://acm.hust.edu.cn/vjudge/problem/356788 Airports Time Limit: 3000MS 问题描述 An airline compa ...

  7. HDU 5293 Tree chain problem 树形dp+dfs序+树状数组+LCA

    题目链接: http://acm.hdu.edu.cn/showproblem.php?pid=5293 题意: 给你一些链,每条链都有自己的价值,求不相交不重合的链能够组成的最大价值. 题解: 树形 ...

  8. 【BZOJ】【2324】【ZJOI2011】拯救皮卡丘

    网络流/费用流+Floyed Orz zyf 题解: 这题和星际竞速还有打印机两题的主体思路都是一样的 每个点一定要经过,并且要经过这个点,必须经过比这个点小的所有点.而且还存在一个附加源,但源到附加 ...

  9. 2014ACM/ICPC亚洲区广州站 北大命题

    http://acm.hdu.edu.cn/showproblem.php?pid=5131 现场赛第一个题,水题.题意:给水浒英雄排序,按照杀人数大到小,相同按照名字字典序小到大.输出.然后对每个查 ...

  10. [百度空间] [转] 在 Visual C++ 中控制全局对象的初始化顺序

    from: http://blog.csdn.net/classfactory/archive/2004/08/07/68202.aspx 在 C++ 中,同一个翻译单位(.cpp文件)里的全局对象的 ...