Ajax基础

Ajax由四种技术组成:JavaScript  CSS   DOM  XMLHttpRequest。前三种都是客户端技术,与服务器没有关系,XMLHttpRequest和服务器关系密不可分。

XMLHttpRequest原理:XMLHttpRequest是一个发送Http请求的客户端组件,开发人员可以根据不同的请求选择同步还是异步发送Http请求,并且获得服务器响应。

var myRequest ;
myRequest = new ActiveXObject("Microsoft.XMLHTTP");

下面演示同步方式提交数据:

var myRequest = getXMLHTTPRequest();  //获取XMLHttpRequest对象
    if (myRequest) {
        myRequest.open("POST","URL",false);
        myRequest.send(null);
        alert(myRequest.responseText);
    }

下面异步方式提交数据:

    var myRequest = getXMLHTTPRequest();  //获取XMLHTTPRequest对象
    //如果XMLHTTPRequest对象创建成功,以异步的方式向服务器请求数据,并且接受响应消息
    if (myRequest) {
        //建立一个用于接收异步响应消息的方法
        myRequest.onreadystatechange = function(){
            //状态是4的时候表示响应消息成功返回
            if(myRequest.readyState == 4){
                alert(myRequest.responseText);
            }
        };
        myRequest.open("POST","/webdemo/servlet/AjaxEncode",true);
        myRequest.send(null);
    }

由于使用异步方式发送HTTP请求后,send方法立即返回,因此不能直接在open方法后访问responseText属性,

Ajax的三种交换数据的方式:

XML   HTML  JavaScript 

 

posted on 2015-12-23 13:52  夜雨梧桐  阅读(233)  评论(0编辑  收藏  举报

导航