Почему jqXHR.responseText возвращает строку вместо объекта JSON?

у меня есть $.ajax () запрос с типом данных, установленным в "json."Сервер возвращает JSON с правильным типом mime" application / json."И все же responseText в моем объекте jqXHR всегда является строкой. Что я делаю не так? Так вот как это должно работать?

вот как я делаю вызов:

var options = { 
    dataType:'json',
    type: 'GET',
    url: "http://example.com/api/"
};

var key = "PassToCallback";

var jqXHRObject =  $.ajax(options).then(
    function(data, textStatus, jqXHR, key) {
        this.success(data, textStatus, jqXHR, key);
    },
    function(jqXHR, textStatus, errorThrown) { 
        this.error(jqXHR, textStatus, errorThrown);
    }
);

console.log(jqXHRObject.getResponseHeader("content-type")); // application/json
console.log(typeof jqXHRObject.responseText); // string

поэтому я должен сделать $.parseJSON(jqXHRObject.responseText) чтобы получить фактический объект. Это кажется ненужным как $.ajax () должен автоматически преобразовывать responseText в соответствии к врачам. Спасибо!

35
ajax jquery-1.5 jqxhr json

5 ответов

У меня была та же проблема. I возвращает строку, потому что она сформулирована из исключения. Например. Я использую прослушиватель ядра с сериализацией в json в моем проекте Symfony2. Что правильно для правильных заголовков REST.

в любом случае, просто разобрать его; это работает для меня:

$.ajaxSetup({
    "error": function(jqXHR, status, thrownError) {
        alert('error');
        var responseText = jQuery.parseJSON(jqXHR.responseText);
        console.log(responseText);
    }
});
49

попробовать

$.ajaxSetup({
    "error": function(jqXHR, status, thrownError) {
        alert('error');            
        console.log(jqXHR.responseJSON);
    }
});
20

вы используете $.ajax таким образом, что документы не описывают. Используя json поскольку тип данных просто означает, что данные передаются в success обратный вызов будет обработан. Используйте его так:

$.ajax({
  dataType:'json',
  type: 'GET',
  url: "http://example.com/api/"
  success: function(data, textStatus, jqXHR) {
    // `data` contains parsed JSON
  },
  error: function(jqXHR, textStatus, errorThrown) {
     // Handle any errors
  }
});
2

Я не вижу ничего в документации, которая предполагает, что responseText будет чем-то иным, чем именно то, что подразумевает название: текст.

Почему бы просто не использовать .помощью метода getjson? Это избавит вас от половины кода, который вы написали, и преобразует ответ в JSON. Беспроигрышный.

2

Шаг 1: Stringify jqXHR

var errorString = JSON.stringify(jqXHR.responseText);

Шаг 2: измените эту строку в объект jQuery

var $errorObj = $(errorString);

Шаг 3: Найдите и получите, какую часть responseText вы хотите.

var errorMessage = $errorObj.find('p').eq(1).text(); 

/* Here Im finding `Message:` thrown by the server, which is inside <p> tag */

вот и все.

$.ajax( /* ... */ ).fail( function(jqXHR, textStatus, errorThrown) {

     var errorString = JSON.stringify(jqXHR.responseText);
     var $errorObj = $(errorString);
     var errorMessage = $errorObj.find('p').eq(1).text();

     alert(errorMessage);

    } );
0