当我的 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");

Answer 2

同意 - 当它不存在时你可能会抛弃它；尝试添加一些错误处理：

        $.get('cfc/partsDefinition.cfc',{
                method: 'checkValid',
                search: 'some search string'
            },
            function(data, textStatus, jqXHR){ // Success Case
                console.log(data);
                console.log(jqXHR);
            }
        );

        $('.errorContainer').ajaxError(function(event, jqXHR, ajaxSettings, thrownError){
                    $(this).append('ohhhhz noooz - ajax error');
            console.log(event);
            console.log(jqXHR);
            console.log(ajaxSettings);
            console.log(thrownError);
        });

在 jQuery 中，get() 简写没有任何内置的错误处理 - 它只是抑制它。因此，如果您想捕获某些内容，则需要创建自己的错误处理程序。

http://api.jquery.com/ajaxError/