在下面的代码中,我想做的就是从 jQuery.ajax 调用中获取 HTTP 响应代码。然后,如果代码为 301(永久移动),则显示“位置”响应标头:
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>jQuery 301 Trial</title>
<script src="http://code.jquery.com/jquery-1.5.1.min.js"></script>
<script type="text/javascript">
function get_resp_status(url) {
$.ajax({
url: url,
complete: function (jqxhr, txt_status) {
console.log ("Complete: [ " + txt_status + " ] " + jqxhr);
// if (response code is 301) {
console.log ("Location: " + jqxhr.getResponseHeader("Location"));
// }
}
});
}
</script>
<script type="text/javascript">
$(document).ready(function(){
$('a').mouseenter(
function () {
get_resp_status(this.href);
},
function () {
}
);
});
</script>
</head>
<body>
<a href="http://0w.ly/4etPl">Test 301 redirect</a>
<a href="http://cnn.com/not_found">Test 404 not found</a>
</body>
</html>
有人可以指出我错在哪里吗?
当我在 Firebug 中检查“jqxhr”对象时,我找不到状态代码,也找不到“Location”响应标头。我在“完整”的最后一行设置了断点。
我看到 jqXhr 对象上的状态字段,这是它的工作原理:
http://jsfiddle.net/magicaj/55HQq/3/
$.ajax({
//...
success: function(data, textStatus, xhr) {
console.log(xhr.status);
},
complete: function(xhr, textStatus) {
console.log(xhr.status);
}
});
我自己遇到了这个旧线程,寻找类似的解决方案,并发现接受的答案是使用
.complete()
的 jquery ajax
方法。我在这里引用jquery网站上的通知:
从 jQuery 1.8 开始,要了解ajax响应的jqXHR.success()、jqXHR.error() 和 jqXHR.complete() 回调已被弃用。要为最终删除准备代码,请改用 jqXHR.done()、jqXHR.fail() 和 jqXHR.always()。
status code
,可以使用以下代码:
$.ajax( url [, settings ] )
.always(function (jqXHR) {
console.log(jqXHR.status);
});
对于
.done()
和
.fail()
的工作原理类似
$.ajax({
statusCode: {
500: function(xhr) {
if(window.console) console.log(xhr.responseText);
}
}
});
但是,正如
Livingston Samuel 所说,在 javascript 中不可能捕获 301 状态代码。
https://www.youtube.com/watch?v=Bv_5Zv5c-Ts
它解释了非常基础的知识,让你更轻松地使用 javascript。您可以使用较短版本的ajax请求来做到这一点,请参阅上面的代码:
$.get("example.url.com", function(data) {
console.log(data);
}).done(function() {
// TO DO ON DONE
}).fail(function(data, textStatus, xhr) {
//This shows status code eg. 403
console.log("error", data.status);
//This shows status message eg. Forbidden
console.log("STATUS: "+xhr);
}).always(function() {
//TO-DO after fail/done request.
console.log("ended");
});
控制台输出示例:
error 403
STATUS: Forbidden
ended
$.ajax({
url: URL,
success: function(data, textStatus, jqXHR){
console.log(textStatus + ": " + jqXHR.status);
// do something with data
},
error: function(jqXHR, textStatus, errorThrown){
console.log(textStatus + ": " + jqXHR.status + " " + errorThrown);
}
});