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