jQuery AJAX。返回值未定义？

Question

我有该代码：

var s, d, p = '';

$.ajax(
    {
        type: "POST",
        url: ajaxurl,
        data: {action: "get_info"},
        success: function(r)
        {
            // r contain that json data
            // {"s":"long-string","d":"string","p":"string"}
            // That served from the server with that header
            //
            // header('Cache-Control: no-cache, must-revalidate'); 
            // header('Expires: Mon, 26 Jul 1997 05:00:00 GMT');
            // header('Content-type: application/json');

            d = r.d;
            s = r.s;
            p = r.p;
        }
    }
);

// And here console return s as undefined
console.log(s);

知道出了什么问题吗？

Answer 1

$.ajax() 调用只是启动 ajax 操作。然后代码会转到您的 console.log 语句，但 ajax 调用尚未返回。因此，s 的值尚未设置。

在稍后的某个时刻，ajax 调用会返回您的结果，此时您的回调将被触发。因此，如果您想引用返回的值，您应该在回调中引用变量s。

更好的方法通常是这样的：

$.ajax(
    {
        type: "POST",
        url: ajaxurl,
        data: {action: "get_info"},
        success: function(r)
        {

            s = r.s;

            // Do something with s here...
        }
    }
);

如果你确实需要，你可以在回调之外引用s，但如果你这样做，你需要采取一些机制来确保< code>s 已经初始化（即您的 ajax 调用已经返回）。这引入了其他复杂性，例如同步和错误处理，并且可能使您的程序流程相当不可靠。

Answer 2

原因是因为当您调用 $.ajax(...); 时它会立即返回。 success 属性指定 AJAX 请求完成时调用的回调，并且仅在此处填充 s；在此之前它是未定义的。

因此，在启动 success 回调之前，基本上不要对 s 执行任何操作。

Answer 3

问题是您认为代码按照您布置的方式执行。它实际上在符号上相同于：-

var s, d, p = '';
// And here console return s as undefined
console.log(s);
$.ajax(
    {
        type: "POST",
        url: ajaxurl,
        data: {action: "get_info"},
        success: function(r)
        {
            // r contain that json data
            // {"s":"long-string","d":"string","p":"string"}
            // That served from the server with that header
            //
            // header('Cache-Control: no-cache, must-revalidate'); 
            // header('Expires: Mon, 26 Jul 1997 05:00:00 GMT');
            // header('Content-type: application/json');

            d = r.d;
            s = r.s;
            p = r.p;
        }
    }
);

你可能想要的是：-

var s, d, p = '';

$.ajax(
    {
        type: "POST",
        url: ajaxurl,
        data: {action: "get_info"},
        success: function(r)
        {
            // r contain that json data
            // {"s":"long-string","d":"string","p":"string"}
            // That served from the server with that header
            //
            // header('Cache-Control: no-cache, must-revalidate'); 
            // header('Expires: Mon, 26 Jul 1997 05:00:00 GMT');
            // header('Content-type: application/json');

            d = r.d;
            s = r.s;
            p = r.p;
            // And here console return s as undefined
           console.log(s);
        }
    }
);

Answer 4

尝试指定数据类型喜欢
<代码>类型：“POST”，
网址：ajaxurl，
数据类型：'json',
数据：{操作：“get_info”}，...