jQuery $.get 返回完整对象与我需要的对象

Question

这是我的代码：

var source;
source = $.getJSON(url, function(json) {
  return console.log(json);
});

上面返回了完整的 jQuery 对象与我请求的 JSON。响应看起来像这样：

abort: function ( statusText ) {
always: function () {
complete: function () {
done: function () {
error: function () {
fail: function () {
getAllResponseHeaders: function () {
getResponseHeader: function ( key ) {
isRejected: function () {
isResolved: function () {
overrideMimeType: function ( type ) {
pipe: function ( fnDone, fnFail ) {
promise: function ( obj ) {
readyState: 4
responseText: "{'Hello':'World'}"
setRequestHeader: function ( name, value ) {
status: 200
statusCode: function ( map ) {
statusText: "OK"
success: function () {
then: function ( doneCallbacks, failCallbacks ) {
__proto__: Object

有人知道我做错了什么吗？我已经处理这个问题几个小时了:(

Answer 1

AJAX 是异步的，source 不能等于您请求的 JSON，因为它尚不可用。 jQuery.getJSON 将返回它创建的用于处理请求的 jqXHR 对象，然后运行并检索响应。

$.getJSON(url, function(json) {
  // deal with response  here
});

当响应可用时（稍后），回调（您传递的函数）将被执行，因此您可以通过第一个参数（您称为 <代码>json）。

您可以通过尝试以下操作来看到这一点：

console.log('1');

$.getJSON(url, function(json) {
    console.log('2');
});

console.log('3');

您将看到控制台将读取 1、3，然后在一瞬间（即执行 HTTP 请求的时间）读取 2；这显示 getJSON 响应未完成就返回，脚本继续执行，然后稍后调用回调。

Answer 2

从 jQuery 1.5 开始，该方法返回一个 jqXHR 对象（您所看到的）。有关详细信息，请参阅此处的文档。

可以看到你想要的JSON实际上就在responseText变量中。所以它应该是source.responseText。

Answer 3

尝试这样做：

var source;
source = $.get(url, function(data) {
  return alert($.parseJSON(data));
});