JavaScript：Ajax请求后的全局变量

Z时代
2024-01-10
分类：问答

这个问题非常简单和技术性：

var it_works = false;
$.post("some_file.php", '', function(data) {
     it_works = true;
});
alert(it_works); # false (yes, that 'alert' has to be here and not inside $.post itself)

我要实现的是：

alert(it_works); # true

有没有办法做到这一点？如果不是，可以$.post()返回一个值应用于it_works？

回答：

您期望的是（阻塞）类型的请求。

var it_works = false;
jQuery.ajax({
  type: "POST",
  url: 'some_file.php',
  success: function (data) {
    it_works = true;
  }, 
  async: false // <- this turns it into synchronous
});
// Execution is BLOCKED until request finishes.
// it_works is available
alert(it_works);

，请求是（ 非阻塞 ），这意味着浏览器不会等待它们完成才能继续工作。这就是为什么您的警报得到错误结果的原因。

现在，jQuery.ajax您可以选择将请求设置为

，这意味着脚本将仅在请求完成后继续运行。

该方式，但是，是代码，以便数据将被传递到一个

函数，一旦请求完成。这是优选的，因为阻止执行意味着阻止UI，这是不可接受的。这样做：

$.post("some_file.php", '', function(data) {
    iDependOnMyParameter(data);
});
function iDependOnMyParameter(param) {
    // You should do your work here that depends on the result of the request!
    alert(param)
}
// All code here should be INDEPENDENT of the result of your AJAX request
// ...