Javascript数组调试，范围问题

Question

How do I return the response from an asynchronous call? 没有帮助我，可能会让谷歌用户感到困惑，因为 它的状态是什么工作不工作。女巫是； the_data_you_want = 响应，这实际上就是答案。

我正在开发一个使用 Ajax、Jquery、Promise 和 PHP 的项目。

我用一个函数填充一个数组。

var data = validateInput2(field_id, data_type, value).then(function (response) {
        console.log("Succès !", response);  <-----------------------------
        data = response;                     Scope where data is filled
        alert('R : '+data);                 <-----------------------------
    }, function (error) {
        console.error("Échec !", error);
    });
    alert('DATA : '+data);                    <---------------------------
    if (data[0] == 'true') {                   Outside the scope where data 
        $(container[1]).addClass("pass_f");    is a pending promise object
        $(container[1]).html(data[2]);
        $(container[0]).html(data[1]);
    }
    else {
        $(container[1]).removeClass("pass_f");
        $(container[1]).addClass("err_f");
        $(container[1]).html(data[2]);
        $(container[0]).html(data[1]);
    }

现在，如果您查看警报声明，第一个 alert('R : '+data); 正在向我展示我应该看到的内容。从 PHP 发回的数组。 由于console.log("Succès !", response);，我可以在控制台中看到相同的好值，但是当我继续前进并到达页面应该更新的部分时。女巫是alert('DATA : '+data); 数据不再是原来的样子。相反，我在警告框中得到[object Object]。在控制台中我得到 ​​p>

承诺{[[PromiseStatus]]：“待定”，[[PromiseValue]]：未定义}

结果中包含的数组似乎只在里面；

  {
        console.log("Succès !", response);
        data = response;                  
        alert('R : '+data);
    }

所以我知道我的 Promise 正在工作，因为我的页面正在等待状态为 pending 的对象，并且我不再有 data undefined 错误。

Answer 1

为了清楚起见，我已展开您的回调函数，以便您发现错误：

var success_func = function (response) {
    console.log("Succès !", response);
    data = response;
    alert('R : '+data);
};
var error_func = function (error) {
    console.error("Échec !", error);
};
var data = validateInput2(field_id, data_type, value).then(success_func, error_func);
alert('DATA : '+data);
if (data[0] == 'true') {
    // ...
} else {
    // ...
}

success_func 会在将来某个时间调用，当您的 ajax 调用完成时。所以当validateInput2 返回时，很可能success_func 甚至还没有被调用。 then 返回一个 Promise 对象，而不是您期望的来自服务器的数据。

处理这种情况的正确方法是将所有数据处理放入success_func：

validateInput2(field_id, data_type, value).then(function (response) {
    console.log("Succès !", response);
    data = response;
    if (data[0] == 'true') {
        $(container[1]).addClass("pass_f");
        $(container[1]).html(data[2]);
        $(container[0]).html(data[1]);
    }
    else {
        $(container[1]).removeClass("pass_f");
        $(container[1]).addClass("err_f");
        $(container[1]).html(data[2]);
        $(container[0]).html(data[1]);
    }
}, function (error) {
    console.error("Échec !", error);
});

Answer 2

var data = validateInput2(field_id, data_type, value).then(function (response) {
        console.log("Succès !", response);
        data = response;
        if (data[0] == 'true') {
            $(container[1]).addClass("pass_f");
            $(container[1]).html(data[2]);
            $(container[0]).html(data[1]);
        }
        else {
            $(container[1]).removeClass("pass_f");
            $(container[1]).addClass("err_f");
            $(container[1]).html(data[2]);
            $(container[0]).html(data[1]);
        }
    }, function (error) {
        console.error("Échec !", error);
    });
    alert('DATA : '+data);

因为你在处理数据，而那一刻的数据是有希望的，所以就这样吧