简单记录一下原生ajax

Posted 落落月

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了简单记录一下原生ajax相关的知识,希望对你有一定的参考价值。

面试老忘记,代码如下

function ajax() {
  var xmlHttpRequest = null; //定义XMLHttp对象的容器

  if(window.XMLHttpRequest) {//针对FireFox、Mozllar、Opera、Safari、IE7、IE8
       xmlHttpRequest = new XMLHttpRequest();  
  }    
  else if(window.ActiveXObject) {//针对IE6、IE5
       xmlHttpRequest = new ActiveXObject(‘Mircrosoft XMLHTTP‘)
  } 
  if(xmlHttpRequest != null) {
        xmlHttpRequest.open(‘GET‘, url, true);//打开对应的Url
        xmlHttpRequest.onreadystateChange = RequestCallBack;//如果请求过程顺利成功,则执行回调函数
       xmlHttpRequest.send(null);
  }
}

function RequestCallBack() {
   if(xmlHttpRequest.readyState == 4){//已成功接收来自服务器端的数据(不知数据如何)
      if(xmlHttpRequest.status == 200){//服务器端返回成功的数据
          //doing something
      }
  }
}

  

以上是关于简单记录一下原生ajax的主要内容,如果未能解决你的问题,请参考以下文章

原生Ajax用法——一个简单的实例

js原生ajax请求get post笔记

原生Ajax的使用——含开放API接口

原生js的ajax

原生javaScript中使用Ajax实现异步通信

AJAX一步到胃