码迷,mamicode.com
首页 > Web开发 > 详细

Ajax基础

时间:2015-12-23 14:12:30      阅读:154      评论:0      收藏:0      [点我收藏+]

标签:

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 

 

Ajax基础

标签:

原文地址:http://www.cnblogs.com/QQ931697811/p/5069748.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!