小编典典

jQuery AJAX。返回值不确定吗?

ajax

我有该代码:

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);

有什么问题的想法吗?


阅读 355

收藏
2020-07-26

共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在回调之外进行引用,但如果需要,则需要放置某种机制以确保s已初始化(即,您的ajax调用已返回)。这引入了其他复杂性,例如同步和错误处理,并且可能使程序流程变得不可靠。

2020-07-26