Как получить код статуса ответа от jQuery.ajax?

230

В следующем коде все, что я пытаюсь сделать, это получить код ответа HTTP из вызова jQuery.ajax. Затем, если код 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://ow.ly/4etPl">Test 301 redirect</a>
  <a href="http://cnn.com/not_found">Test 404 not found</a>
</body>
</html>

Может кто-нибудь указать, где я иду не так? Когда я проверяю объект 'jqxhr' в Firebug, я не могу найти ни код состояния, ни заголовок ответа 'Location'. Я установил точку останова в последней строке «complete».

Большое спасибо.

ajax jquery-1.5 Махеш
источник

1

api.jquery.com/jQuery.ajax

ehsan

Я знаю , что это старый, но я думаю , что я решил ее (XHR.responseURL): stackoverflow.com/a/39416846/4946681

Нейт

221

Я вижу поле состояния на объекте 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);
    } 
});

Адам Айрес
источник

2

Вроде бы работает в jsFiddle. Исходя из этого и документации jQuery, xhr.status должен делать то, что я хочу. Однако, когда я пытаюсь сделать то же самое в моем исходном коде (txt_status заменен на jqxhr.status), я продолжаю получать jqxhr.status, равный 0. Вот скриншот: twitpic.com/4alsqj

Mahesh

10

Я считаю, что проблема заключается в том, что вы работаете не с веб-сервером, а локально из файловой системы. Я думаю, что если вы запустили локальный веб-сервер, это будет работать правильно, вот несколько статей на эту тему: pearweb.com/javascript/XMLHttpRequest.html developer.mozilla.org/En/Using_XMLHttpRequest «Ключевым моментом здесь является то, что статус результата сравнивается с 0 для успеха вместо 200. Это потому, что схемы файла и ftp не используют коды результата HTTP ".

Адам Айрес

это круто. Особенно, когда мой бэкэнд может отправлять коды состояния.

полпути

Обратите внимание, что если ответ имеет статус перенаправления, например 302, это даст 200

Бухгалтер م

52

Наткнулся на эту старую ветку в поисках подобного решения и нашел приемлемый ответ с использованием .complete()метода jquery ajax. Я цитирую уведомление на сайте jquery здесь:

JqXHR.success (), jqXHR.error (), и jqXHR.complete () Обратные вызовы устаревшие по состоянию на JQuery 1.8. Чтобы подготовить ваш код для их возможного удаления, используйте взамен jqXHR.done (), jqXHR.fail () и jqXHR.always () .

Чтобы узнать status codeответ ajax, можно использовать следующий код:

$.ajax( url [, settings ] )
.always(function (jqXHR) {
    console.log(jqXHR.status);
});

Работает аналогично для .done()и.fail()

лицо
источник

2

Это возвращает «неопределенный»

Педро Хоакин

43

Вероятно, более идиоматично использовать jQuery для использования свойства statusCode объекта параметра, переданного функции $ .ajax:

$.ajax({
  statusCode: {
    500: function(xhr) {
      if(window.console) console.log(xhr.responseText);
    }
  }
});

Однако, как сказал Ливингстон Сэмюэл , невозможно поймать 301 код состояния в javascript.

rstackhouse
источник

41

Когда ваш запрос XHR возвращает ответ Redirect (HTTP Status 301, 302, 303, 307), он XMLHttpRequest автоматически следует за перенаправленным URL-адресом и возвращает код состояния этого URL-адреса .

Вы можете получить не перенаправляющие коды состояния (200, 400, 500 и т. Д.) Через statusсвойство объекта xhr.

Таким образом , вы не можете получить перенаправлены местоположение из заголовка отклика 301, 302, 303или 307запрос.

Возможно, вам придется изменить логику вашего сервера, чтобы реагировать так, чтобы вы могли обрабатывать перенаправление, а не позволять браузеру это делать. Пример реализации .

Ливингстон Самуэль
источник

24

Вы можете проверить ваш ответный контент, просто console.log, и вы увидите, что свойство whitch имеет код состояния. Если вы не понимаете jsons, обратитесь к видео: 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

Пшемыслав Сенкевич
источник

1

Спасибо за предоставление полного кода о том, как использовать done, fail и всегда с полными функциональными параметрами.

IvanD

4

jqxhr - это объект json:

полный возврат:
объект jqXHR (в jQuery 1.4.x, XMLHTTPRequest) и строка, классифицирующая статус запроса («успех», «немодифицированный», «ошибка», «тайм-аут», «прерывание» или «parsererror») ,

смотрите: jQuery ajax

так что вы бы сделали:

jqxhr.status чтобы получить статус

Нафтали ака Нил
источник

2

NB. Использование jQuery 3.4.1.

$.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);
  }
});

SurfingSanta
источник

Как получить код статуса ответа от jQuery.ajax?

Ответы: