HTTP服务与模块：Ajax及xhr对象详解.pptx

Ajax与Http协议;课程大纲;1.Ajax与Http协议详解;概述：Ajax模块在处理网络请求的时候包括以下四个步骤

(1)创建xhr对象

(2)构建xhr的属性和方法

(3)通过xhr对象发出HTTP请求

(4)通过xhr对象的方法接收服务器回传的数据

补充：Ajax可以发出同步请求，也可以发出异步请求。

但大多数情况下指的是异步请求，因为同步的Ajax请求对浏览器会产生“阻塞效应”

实例：见下页;varxhr=newXMLHttpRequest();

xhr.onreadystatechange=function(){

if(xhr.readyState===4){

if(xhr.status==200){

console.log(JSON.parse(xhr.responseText));

}else{

console.error(xhr.statusText);

}

}

}

xhr.onerror=function(e){

console.error(xhr.statusText);

};

xhr.open(GET,ajax.php,true);

xhr.timeout=5000;

xhr.send(null);;2.xhr对象; 在整体感知