json和ajax整合处理国家城市的二级联动效果图

ajax技术
   * 概述
     Ajax (Asynchronous JavaScript And XML）的缩写。
     核心对象：XMLHttpRequest对象！
     ajax技术
        无刷新页面技术！（局部刷新）
        可以实现客户端与服务器端异步通讯！
        异步：在客户端请求服务器时候，不必等到服务器响应完成； 可以执行其他的操作！
        同步：客户端请求服务器，必须等到服务器响应完成后才可以执行操作！
     
   * 作用
     无刷新页面技术！（局部刷新）
     提升客户体验！


   
   * 实现步骤
      
      (1) 创建XMLHttpRequest对象


        function createXMLHttpRequest(){
                if (window.XMLHttpRequest){// code for IE7+, Firefox, Chrome, Opera, Safari
                  xmlhttp=new XMLHttpRequest();
                } else {// code for IE6, IE5
                  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
                }
            }




      (2) 通过对象的onreadystatechange属性，指定一个回调函数，接收响应数据
          在函数中，
                xmlhttp.readyState == 4
                xmlhttp.state == 200
                    接受数据：xmlhttp.responseText
                              xmlhttp.responseXML;


      (2) 调用对象的open() 方法, 创建一个连接
            method,url,true


      (3) 如果是post提交，需要设置表单类型信息
          xmlhttp.setRequestHeader(..)


      (4) 调用对象的send方法，发送异步请求: