jeo_chow的博客

一入java深似海,苦尽甘来到白头

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方法,发送异步请求:


阅读更多
版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/jeo_chow/article/details/52177285
文章标签: json 技术
想对作者说点什么? 我来说一句

中国省市区JSON以及JS三级联动

2017年11月10日 34KB 下载

没有更多推荐了,返回首页

加入CSDN,享受更精准的内容推荐,与500万程序员共同成长!
关闭
关闭