Jquery Ajax responseText 返回未定义，但是当我将其记录为对象时，它返回 ajax 文本答案

【问题标题】：Jquery Ajax responseText returns undefined but when i log it as an object it returns the ajax textJquery Ajax responseText 返回未定义，但是当我将其记录为对象时，它返回 ajax 文本
【发布时间】：2013-05-29 23:20:40
【问题描述】：

responseText 返回未定义，但是当我将其作为对象记录时，它返回 ajax 文本。我认为这可能与将文本分配给变量之前的 readystate 未准备好有关

当我这样做时：

function loadTrack(){
    var min = -10;
    var max = 10;
    var randomNumber = Math.floor(Math.random() * (max - min + 1)) + min;
    var track = $.get("generate_song.php?track_number="+randomNumber);
        if(randomNumber > 0 && randomNumber !== previousNumber){
            previousNumber = randomNumber;
        }else{
            randomNumber = 1;
        }

       console.log(track);
}

我明白了：

Object {readyState: 1, getResponseHeader: function, getAllResponseHeaders: function, setRequestHeader: function, overrideMimeType: function…}
abort: function (e){var t=e||w;return u&&u.abort(t),k(0,t),this}
always: function (){return i.done(arguments).fail(arguments),this}
complete: function (){if(l){var t=l.length;(function i(t){x.each(t,function(t,n){var r=x.type(n);"function"===r?e.unique&&p.has(n)||l.push(n):n&&n.length&&"string"!==r&&i(n)})})(arguments),n?o=l.length:r&&(s=t,c(r))}return this}
done: function (){if(l){var t=l.length;(function i(t){x.each(t,function(t,n){var r=x.type(n);"function"===r?e.unique&&p.has(n)||l.push(n):n&&n.length&&"string"!==r&&i(n)})})(arguments),n?o=l.length:r&&(s=t,c(r))}return this}
error: function (){if(l){var t=l.length;(function i(t){x.each(t,function(t,n){var r=x.type(n);"function"===r?e.unique&&p.has(n)||l.push(n):n&&n.length&&"string"!==r&&i(n)})})(arguments),n?o=l.length:r&&(s=t,c(r))}return this}
fail: function (){if(l){var t=l.length;(function i(t){x.each(t,function(t,n){var r=x.type(n);"function"===r?e.unique&&p.has(n)||l.push(n):n&&n.length&&"string"!==r&&i(n)})})(arguments),n?o=l.length:r&&(s=t,c(r))}return this}
getAllResponseHeaders: function (){return 2===b?a:null}
getResponseHeader: function (e){var t;if(2===b){if(!c){c={};while(t=Tn.exec(a))c[t[1].toLowerCase()]=t[2]}t=c[e.toLowerCase()]}return null==t?null:t}
overrideMimeType: function (e){return b||(p.mimeType=e),this}
pipe: function (){var e=arguments;return x.Deferred(function(n){x.each(t,function(t,o){var a=o[0],s=x.isFunction(e[t])&&e[t];i[o[1]](function(){var e=s&&s.apply(this,arguments);e&&x.isFunction(e.promise)?e.promise().done(n.resolve).fail(n.reject).progress(n.notify):n[a+"With"](this===r?n.promise():this,s?[e]:arguments)})}),e=null}).promise()}
progress: function (){if(l){var t=l.length;(function i(t){x.each(t,function(t,n){var r=x.type(n);"function"===r?e.unique&&p.has(n)||l.push(n):n&&n.length&&"string"!==r&&i(n)})})(arguments),n?o=l.length:r&&(s=t,c(r))}return this}
promise: function (e){return null!=e?x.extend(e,r):r}
readyState: 4
responseText: "Audio_Files/09%20Dream%20of%20Witches%20Dinner%2C%20V%20mov.%20f.m4a.mp3<br/>"
setRequestHeader: function (e,t){var n=e.toLowerCase();return b||(e=v[n]=v[n]||e,y[e]=t),this}
arguments: null
caller: null
length: 2
name: ""
prototype: Object
__proto__: function Empty() {}
<function scope>
state: function (){return n}
status: 200
statusCode: function (e){var t;if(e)if(2>b)for(t in e)m[t]=[m[t],e[t]];else C.always(e[C.status]);return this}
statusText: "OK"
success: function (){if(l){var t=l.length;(function i(t){x.each(t,function(t,n){var r=x.type(n);"function"===r?e.unique&&p.has(n)||l.push(n):n&&n.length&&"string"!==r&&i(n)})})(arguments),n?o=l.length:r&&(s=t,c(r))}return this}
then: function (){var e=arguments;return x.Deferred(function(n){x.each(t,function(t,o){var a=o[0],s=x.isFunction(e[t])&&e[t];i[o[1]](function(){var e=s&&s.apply(this,arguments);e&&x.isFunction(e.promise)?e.promise().done(n.resolve).fail(n.reject).progress(n.notify):n[a+"With"](this===r?n.promise():this,s?[e]:arguments)})}),e=null}).promise()}
__proto__: Object

但是当我这样做时：

function loadTrack(){
    var min = -10;
    var max = 10;
    var randomNumber = Math.floor(Math.random() * (max - min + 1)) + min;
    var track = $.get("generate_song.php?track_number="+randomNumber);
        if(randomNumber > 0 && randomNumber !== previousNumber){
            previousNumber = randomNumber;
        }else{
            randomNumber = 1;
        }

       console.log(track.responseText);
//or if i just do it when assigning track
}

我明白了：

undefined script.js:41
XHR finished loading: "http://localhost/generate_song.php?track_number=10". jquery.js:6

【问题讨论】：

AJAX 是异步的。
对不起，我不明白
How to return the response from an AJAX call?的可能重复
@user2426607 这样想。 ajax 请求就像一个延迟未知的 setTimeout。它之后的代码将在 setTimeout 回调执行之前执行，因为它在延迟之后执行，这种情况下的延迟是获取数据所需的时间。在上述延迟之后，数据才会可用。

标签： php javascript jquery ajax html

【解决方案1】：

你说得对，这是一个时间问题。 jqXHR-Object 存在，但 responseText 在您分配对象时不存在。但在记录时它确实显示。如果您使用console.log(JSON.stringify(track)) 登录，您不应该看到responseText 的属性。

所以，通过使用readyStateChange 或类似机制的回调来等待回复。

问题在于日志记录功能（我假设是 firebug 或 chrome 的检查器？），它并没有真正冻结对象，而是显示它当时的状态你看。

【讨论】：

【解决方案2】：

您正在尝试在调用完成之前使用 ajax 调用的结果。调用完成后，Javascript 将继续执行所有代码。由于您没有任何数据，因此在调用完成之前为空。

您想修改您的$.get() 并传递一个函数以在调用完成时执行。

$.get("generate_song.php", {track_number: randomNumber}, function(track){
     console.log(track);
});

您也可以只发送参数而不创建 url。

http://api.jquery.com/jQuery.get/

【讨论】：