AJAX异步请求,局部刷新

AJAX异步请求,局部刷新 

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

    doGetObjects();

  }

  function doGetObjects(){

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

  var xhr=new XMLHttpRequest();

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

  //当请求响应状态发生变化时会执行onreadystatechange指向的函数 

  //onreadystatechange 事件

  //当请求被发送到服务器时,我们需要执行一些基于响应的任务。

  //每当 readyState 改变时,就会触发 onreadystatechange 事件。

  //readyState 属性存有 XMLHttpRequest 的状态信息。

  

  xhr.onreadystatechange=function(){

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

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

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

  //服务器响应

  //如需获得来自服务器的响应,请使用 XMLHttpRequest 对象的 responseText 或 responseXML 属性

  }

  }

  3.建立与服务端的连接

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

  4发送请求

  xhr.send()

  }

  AJAX请求基本构架

  

  

  AJAX异步请求局部刷新

  

原文地址:https://www.cnblogs.com/gxlaqj/p/9790109.html