Jquery.$ajax获取HTTP statusCode

背景

笔者遇到一个这样的情况,需要利用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)