美文网首页
Jquery.$ajax获取HTTP statusCode

Jquery.$ajax获取HTTP statusCode

作者: syncwt | 来源:发表于2016-07-15 20:55 被阅读5883次

背景

笔者遇到一个这样的情况,需要利用ajax去访问一个url,用该url返回的src作为资源地址来播放一个video标签。大概可以这样理解:

function freshVideoStatus() {
    $.ajax({
        type : "POST",
        url : $(".video")[0].src,
        dataType : 'json',
        success:function(data){
           //TODO
        }
    });
}

但是,我的src并没有那么绝对,他是一个带有时间参数的加密值,也就是说,一段时间后,这个src就会失效,我现在想要做的就是,在这个既定时间之后,再去访问这个url,从而获取它的失效状态,然后进行一些其他事件。这就引申到了为什么要获取状态码,怎么去获取呢?我搜了一些博客,写的比较简单,执行起来好像并没有看到什么效果。。

过程

查阅jquery API给我的结果是

    $.ajax({
          statusCode: {
            404: function() {
              alert( "page not found" );
            }
          }
    });

而事实上是,它只能访问到statusCode这里,并不能拿到准确的返回码,所以不管填402,403,404都是无济于事,它检测不到也不会执行你的方法。
然后找了下国外友人的问题:

Is there a way to get HTTP status code name using JS and AngularJS?

得到一个这样的答案:

    $.ajaxSetup({
        type: "GET",
        dataType: "jsonp",
        error: function(xhr, exception){
            if( xhr.status === 0)
                alert('Error : ' + xhr.status + 'You are not connected.');
            else if( xhr.status == "201")
                alert('Error : ' + xhr.status + '\nServer error.');
            else if( xhr.status == "404")
                alert('Error : ' + xhr.status + '\nPage note found');
            else if( xhr.status == "500")
                 alert('Internal Server Error [500].');
            else if (exception === 'parsererror') 
                alert('Error : ' + xhr.status + '\nImpossible to parse result.');
            else if (exception === 'timeout')
                alert('Error : ' + xhr.status + '\nRequest timeout.');
            else
                alert('Error .\n' + xhr.responseText);
        }
    });

事实上经过测试得到,还是不能获取到准确的statusCode,它进入error之后,只能检测到exception === 'parsererror',这就让我很无奈了。我只是单纯的想检测一个402啊!从网页network可以看到402就是无法用JS获取到。欲哭无泪!
另外一个哥们写的,测试好像还是不行

    $http({
        method : 'GET',
        url : '/someUrl'
    }).then(function successCallback(response) {
        var status = response.status;
        console.log(status); // gives the status 200/401
        var statusText = response.statusText;
        console.log(status); // HTTP status text of the response
    }, function errorCallback(response) {

    });

最后我直接选择了第一个方案,让他捕获到有返回码但不判断,所以也不能做接下来的事件。
以上代码虽然我测试没有用,但很可能和我服务器环境有关,大家大可尝试一下,比较别人贴出来不是玩的。。

相关文章

  • Jquery.$ajax获取HTTP statusCode

    背景 笔者遇到一个这样的情况,需要利用ajax去访问一个url,用该url返回的src作为资源地址来播放一个vid...

  • jquery ajax 源码分析

    jQuery1.5开始,AJAX模块新增了三个方法。 jQuery. ajaxPrefilter, jQuery....

  • ajax,本地存储

    ajax 发送http请求ajax技术的目的是让javascript发送http请求,与后台通信,获取数据和信息。...

  • 前端(十七)

    ajax:ajax技术的目的是让javascript发送http请求,与后台通信,获取数据和信息。ajax技术的原...

  • jQuery ajax 和 正则

    ajax ajax技术的目的是让javascript发送http请求,与后台通信,获取数据和信息。ajax技术的原...

  • 前端

    ajax:ajax技术的目的是让javascript发送http请求,与后台通信,获取数据和信息。ajax技术的原...

  • 前端(ajax,jsonp)

    ajax,jsonp ajax技术的目的是让javascript发送http请求,与后台通信,获取数据和信息。aj...

  • 正则与json

    正则 ajax与jsonp ajax技术的目的是让javascript发送http请求,与后台通信,获取数据和信息...

  • ajax与jsonp

    ajax与jsonp 简介:ajax技术的目的是让javascript发送http请求,与后台通信,获取数据和信息...

  • AFNetWorking 3.0 获取 statusCode

    �因后台设计code 311 为用户未登录, 所以需要获取code,但用AFNetWorking 3.0 获取co...

网友评论

      本文标题:Jquery.$ajax获取HTTP statusCode

      本文链接:https://www.haomeiwen.com/subject/hxnyjttx.html