a1599842519 2021-03-09 22:38 采纳率: 100%
浏览 63
已采纳

前端面试提问ajax

Ajax(XMLHttpRequest)怎么判断请求成功还是失败,原生JS有没有什么方法可以替代ajax

  • 写回答

2条回答 默认 最新

  • wanmeikakaxi 2021-03-10 06:28
    关注

    AJAX - onreadystatechange 事件

    当请求被发送到服务器,服务器对我们的请求响应时,我们需要执行一些基于响应的任务。也就是每当 readyState 改变时,就会触发 onreadystatechange 事件。

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

    下面是 XMLHttpRequest 对象的三个重要的属性:

    在 onreadystatechange 事件中,我们规定当服务器响应已做好被处理的准备时所执行的任务。

    当 readyState 等于 4 且状态为 200 时,表示响应已就绪:

    xmlhttp.onreadystatechange=function(){
      if (xmlhttp.readyState==4 && xmlhttp.status==200){
        console.log("成功");
        }
    }

    原生js实现Ajax

    var Ajax = {
        get: function(url,callback){
            var xhr=new XMLHttpRequest();
            xhr.open('GET',url,false);
            xhr.onreadystatechange=function(){
                 //判断返回状态
                // readyState == 4说明请求已完成
                if(xhr.readyState==4){
                    if(xhr.status==200 || xhr.status==304){
                        console.log(xhr.responseText);
                        callback(xhr.responseText);
                    }
                }
            }
            xhr.send();
        },
    
        post: function(url,data,callback){
            var xhr=new XMLHttpRequest();
            xhr.open('POST',url,false);
            // 添加协议头,
            xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
            xhr.onreadystatechange=function(){
                //判断返回状态
                // readyState == 4说明请求已完成
                if (xhr.readyState==4){
                    if (xhr.status==200 || xhr.status==304){
                        callback(xhr.responseText);
                    }
                }
            }
            xhr.send(data);
        }
    }
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(1条)

报告相同问题?

悬赏问题

  • ¥15 apk可以在模拟器上正常安装使用,但是手机上无法正常安装
  • ¥15 office打开卡退(新电脑重装office系统后)
  • ¥300 FLUENT 火箭发动机燃烧EDC仿真
  • ¥15 【Hadoop 问题】Hadoop编译所遇问题hadoop-common: make failed with error code 2
  • ¥15 vb6.0+webbrowser无法加载某个网页求解
  • ¥15 RPA财务机器人采购付款流程
  • ¥15 计算机图形多边形及三次样条曲线绘制
  • ¥15 根据protues画的图用keil写程序
  • ¥200 如何使用postGis实现最短领规划?
  • ¥15 pyinstaller打包错误