jquery - 当我的 jqxhr.responseText 变量在 xhr 对象中设置时，为什么它未定义？

Question

我在这里有一个真正简单的 jquery get 调用，我想稍后在脚本中使用响应。所以如果我这样做:

var xhr = $.get('cfc/partsDefinition.cfc',{
                method: 'checkValid',
                search: 'some search string'
            }
        );
        console.log(xhr);
        console.log(xhr.responseText);

我可以看到 A) 第一个日志显示了一个有效的 jqxhr 对象，其 responseText 属性设置为我所期望的...

promise: function (a){if(a==null)a=h;else for(var b in h)a[b]=h[b];return a}
readyState: 4
responseText: "0"
setRequestHeader: function (a,b){if(!s){var c=a.toLowerCase();a=m[c]=m[c]||a,l[a]=b}return this}

但是 B) 第二条日志显示“未定义”。我在这里缺少什么？

Answer 1

它显示未定义，因为在代码中的那个点，它是未定义的。 AJAX 是异步的，这意味着它不会在代码运行之前完成。在 ajax 调用完成之前，responseText 将处于未定义状态。这是一个例子:

var xhr = $.get('cfc/partsDefinition.cfc',{
                method: 'checkValid',
                search: 'some search string'
            }
        ).done(function(data){
            console.log("xhr",xhr);
            console.log("xhr.responseText",xhr.responseText);
            console.log("data",data);
        });
console.log("This should happen before the other console logs");