四步学会 Ajax

复制代码 代码如下:

  //第一步 : 创建XMLHttpRequest对象

  var http_request;

  try

  {

  http_request = window.ActiveXObject("Microsoft.XMLHTTP");

  }catch(e)

  {

  try

  {

  http_request = new XMLHttpRequest();

  }catch(e)

  {

  alert("你的浏览器不支持XMLHttpRequest");

  }

  }

  //第二步 : 指定提交的 url

  http_request.open("get", "url", "true"); //get 为提交方式, true 为指定异步于服务器交互

  //第三步 : 处理服务器返回数据

  http_request.onreadystatechange = function() //回调函数,总共会调用 4 次,readtState 依次变化为 : 0 -> 1 -> 2 -> 3 -> 4(completed);

  {

  if(http_request.readyState ==4) //服务器处理完成

  {

  if(http_request.status == 200) //客户端处理完成

  {

  //处理段

  }

  }

  }

  //第四步 : 发送参数

  http_request.send(null); //发送参数