ajax: Asynchronization JavaScript And Xml

 

 

1.创建异步请求对象

var 对象=new XMLHttpRequest();

 

2.调用open方法 传入请求方式和服务器地址等参数

 

3.调用send方法 真正发起网络请求

 

4.注册状态改变事件

 

5.在事件驱动函数里面处理返回数据

 

 

 

 

 

1.创建异步请求对象

var ajaxObj=new XMLHttpRequest();

2.调用open方法 传入请求方式和服务器地址等参数

ajaxObj.open("get","php/07.simple_ajax.php");

3.调用send方法 真正发起网络请求

ajaxObj.send();

 

4.注册状态改变事件

ajaxObj.onreadystatechange=function () {

5.在事件驱动函数里面处理返回数据

 

readyState表示 ajax请求的状态 每当这个状态改变时都会触

发 onreadyStatechange事件

只有等于4的时候 才有返回的数据

 

status表示响应码 为200时 表示 响应成功

404 表示资源未找到

 

 

通过ajax对象的responseText属性来接收返回的数据

 

 

 

 

if(ajaxObj.readyState==4 && ajaxObj.status==200){

 

h1.innerHTML=ajaxObj.responseText;

}