Просьба объяснить эту загадочную $ .getJSON поведение

Question

var test = $.getJSON('data/mydata.json'); 

console.log(test); 
console.log(JSON.stringify(test)); 

Первое утверждение журнала выхода:

Вторая строка выводит:

{"readyState":1} 

Что случилось с моими данными? Мне действительно нужно передать функцию, чтобы захватить responseJSON (обратите внимание, что я не работаю над производственным кодом)?

Но главное, это возможно. Я бы не знал, как это сделать, если захочу.

Answer 1

test здесь jQuery XHR объект, а не ваши возвращенные данные. Для того, чтобы получить ваши возвращенные данные, попробуйте:

$.getJSON('data/mydata.json' ,function(data){ 
    console.log(data); 
    console.log(JSON.stringify(data)); 
}); 

или более рекомендуемый способ:

$.getJSON("data/mydata.json").done(function(data) { 
    console.log(data); 
    console.log(JSON.stringify(data)); 
}); 

По JQuery 1.5, все методы Ajax JQuery Возвращение супернабор объекта XMLHttpRequest. Этот объект jQuery XHR, или «jqXHR», , возвращаемый $ .getJSON(), реализует интерфейс Promise, давая ему все свойства, методы и поведение Promise (см. Объект «Отложенные » для получения дополнительной информации). JqXHR.done() (для успеха), jqXHR.fail() (для ошибки) и jqXHR.always() (для завершения, успех или ошибка) методы принимают аргумент функции, который вызывается, когда запрос завершается. Для получения информации о аргументах эта функция принимает , см. Раздел jqXHR Object документа $ .ajax() .

Интерфейс Promise в JQuery 1.5 позволяет также методы Ajax JQuery, в том числе $ .getJSON(), к цепи множественного .done(), .always(), и .fail() обратных вызовов на один запрос, и даже для назначения этих обратных вызовов после завершения запроса. Если запрос уже завершен, обратный вызов запускается немедленно.

Documentation