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 显示两个unsuccessful(标签-pytorch|关键词-软件版本)
  • ¥15 串口通信传输字符的质量控制
  • ¥50 xslt如何让block撑满页面
  • ¥15 vs的显示无法启动IIS Express Web服务器,怎么解决?
  • ¥20 一个python博客项目的相关图例
  • ¥15 轮廓提取也提取不到,有没有别的方法,如何解决?
  • ¥50 Js和c++如何将含有图片的excel文件上传到后台服务器
  • ¥15 光电神经网络,FPGA
  • ¥20 通过防火墙出入站阻止游戏程序联网失效
  • ¥15 鼠标是可以在QT界面上移动的,但是热拔插鼠标无法移动了同时板子上是没问题的,如何解决?