标签：status function XMLHttpRequest 22 05 url xhr 2021 open

原声js实现ajax请求

面试前查缺补漏，记录一下

var Ajax = {
//在原声js中使用XMLHttpRequest对象实现
 get:function(url,fn){
  var xhr = new XMLHttpRequest();
  //.open(method,url,async)
  xhr.open(‘get’,url,true);
  xhr.onreadystatechange = function(){
    if(xhr.readyState = 4 && xhr.status ==    200 || xhr.status == 304)
    {
    //获取请求到的数据
      fn.call(this,xhr.responseText);
    }
  }，
  xhr.send();
 },
 post:function(url,data,fn){
  var xhr = new XMLHttpRequest();
  xhr.open(‘post’,url,true){
  //post类型请求需要添加请求头！
  xhr.setRequestHeader(‘content-type’,’application/x-www-form-urlencoded’);
  //还是判断请求的状态
  If(xhr.readystate ==4 && xhr.status ==200 || xhr.status ==304){
  //注意状态信息和状态码，304表示协商缓存，与状态码301/302重定向无关
  }
  xhr.send(data);
  }
 }
}

标签：status,function,XMLHttpRequest,22,05,url,xhr,2021,open
来源： https://blog.csdn.net/byingying/article/details/117159889

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。