背景
笔者遇到一个这样的情况,需要利用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) {
});
最后我直接选择了第一个方案,让他捕获到有返回码但不判断,所以也不能做接下来的事件。
以上代码虽然我测试没有用,但很可能和我服务器环境有关,大家大可尝试一下,比较别人贴出来不是玩的。。