ajax中使用XMLHTTPRequest对象
1)创建异步对象 var XMLHttp=new XMLHttpRequest();
2)给异步对象绑定事件。onreadystatechange:当异步对象发起请求,获取了数据都会触发这个事件,这个事件需要指定一个函数,在函数中处理状态的变化。
btn.οnclick=fun1()
function fun1(){
alert(“按钮单击”)
}
例如:
xmlHttp.onreadystatechange=function(){
处理请求的状态变化。
if(xmlHttp.readyState==4){
//可以处理服务器端的数据,更新当前页面
}
}
}
异步对象的属性 readyState表示异步对象请求的状态变化
0:创建异步对象时,new XMLHttpRequest();
1:初始异步请求对象,xmlHttp.open()
2:发送请求,xmlHttp.send()
3:从服务器端获取了数据,此时3,注意3是异步对象内部使用,获取了原始的数据。
4:异步对象把接收的数据处理完成后。此时开发人员在4的时候处理数据,更新当前页面。
3)初始异步请求对象
异步的方法open()
xmlHttp.open (请求方式get|post,“服务器端的访问地址”,同步|异步请求(默认是true,异步请求))
例如:
xmlHttp.open(“get”,“loginServlet?name=zs&pwd=123”,true);
4)使用异步对象发送请求
xmlHttp.send()
获取服务器返回的数据,使用异步对象的属性responseText
使用例子:xmlHttp.responseText
回调:当请求的状态变化时,异步对象会自动调用onreadystatechange事件对应的函数。