AJAX异步请求,局部刷新

Posted 2021-01-12 我爱si搬砖

AJAX异步请求,局部刷新　

　　window.onload=function(){　　//dom事件,页面加载完成执行如下函数

　　　　doGetObjects();

　　}

　　function doGetObjects(){

　　1. 创建ajax请求对象(ajax引擎提供)

　　var xhr=new XMLHttpRequest();

　　2设置ajax请求状态监听(监听相应过程)　

　　//当请求响应状态发生变化时会执行onreadystatechange

　　//指向的函数

　　xhr.onreadystatechange=function(){

　　//4表示响应结束,//4表示响应结束

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

　　doHandleResponseResult(xhr.responseText);//向页面相应文本,xhr.responseXML向页面相应页面

　　}

　　}

　　3.建立与服务端的连接

　　用open方法xhr.open("POST",url,true);

　　4发送请求

　　xhr.send()

　　}