JavaScript——AJAX

   1 XMLHttpRequest对象的创建

   IE5:xhr = new ActiveXObject("Microsoft.XMLHTTP);

   IE6+:xhr = new ActiveXObject("Msxml2.XMLHTTP);

   其他浏览器:xhr = new XMLHttpRequst();

   

   2 XMLHttpRequest对象的属性

   (1)onreadystatechange:声明事件监听函数,当readyState属性发生变化时调用;

   (2)readyState:0=未初始化;1=加载中;2=加载完毕;3=交互;4=完成

   (3)responseText:以文本的形式返回来的数据;

   (4)responseXML:已XML形式返回来的数据;

   (5)status:从服务器返回的HTTP状态码;

   (6)statusText:从服务器返回的HTPP状态文本信息。

   3 XMLHttpRequest对象的方法

   (1)abort();   终止当前请求;

   (2)getAllResponseHeaders();   以字符串形式返回所有头部信息;

   (3)getResponseHeader(param);   以字符串形式返回变量param的值;

   (4)open('method', 'url', 'asynch'); 声明HTTP请求的方法(GET或POST),请求的URL,以及是否异步(true或false);

   (5)send(data);   发送数据

   (6)setRequestHeader('param', 'value'); 以键/值对形式设置header。

  一个示例:

var xhr = new window.XMLHttpRequest();
xhr.open('GET', 'http://www.webdeveasy.com', true);
xhr.onreadystatechange = function() {
    if (xhr.readyState === 4) {
        if (xhr.status === 200) {
            console.log('Success');
        }
    }
};
xhr.send();

相关推荐