一、创建异步对象
var xmlhttp = new XMLHttpRequest();
二、给异步对象绑定事件(onreadystatechange事件)
1、当请求被发送到服务器时,我们需要执行一些基于响应的任务,每当readyState改变时,就会触发onreadystatechange事件,此事件可以指定一个处理函数function。
语法:xmlHttp.onreadystatechange = function(){
处理请求的状态变化
if(xmlHttp.readyState == 4 && xmlHttp.status == 200){
// 可以处理服务器端的数据,更新当前页面
var data = xmlHttp.responseText;
document.getElementById("name").value = data;
}
}
2、XMLHttpRequest对象的三个重要的属性
1、readyState:表示异步对象请求的状态的变化
(1)0:创建异步对象时
(2)1:初始化异步请求对象,xmlHttp.open();
(3)2:发送请求,xmlHttp.send();
(4)3:从服务器端获取了数据,此时3,注意3是异步对象内部使用,获取了原始的数据。
(5)4:异步对象把接收的数据处理完成后。开发人员在4的时候处理数据。
2、status:表示网络请求的状况:200,404,500
(1)当status==200时,表示网络请求是成功的
3、responseText:获取服务器端返回的数据
三、初始化异步对象
异步的方法open();
xmlHttp.open(请求方式,“服务器端的访问地址”,同步|异步请求(默认是true,异步请求))
例如:
xmlHttp.open("get", "loginServlet?name=zs&pwd=123", true);
四、使用异步对象发送请求
xmlHttp.send()
获取服务器端返回的数据,使用异步对象的属性:responseText
例子:
xmlHttp.responseText;
5、注意
(1)当异步对象的请求状态变化时,都会调用一次function函数。