AJAX获取外部PHP数据后全局变量pkz返回undefined问题求助

这问题我太熟了！核心原因就是AJAX的异步特性在搞鬼，咱们一步步拆解：

为什么会出现undefined？ #

你写的console.log(pkz)是在AJAX请求还没完成的时候就执行了——AJAX默认是异步的，浏览器不会傻等着请求返回数据，会继续往下跑代码。这时候success回调还没触发，pkz自然没被赋值，打印出来就是undefined。

而success函数里的console.log能拿到有效数值，是因为这个回调函数只有当请求成功拿到数据后才会执行，这时候pkz已经被赋值了。

几种靠谱的解决方案 #

1. 把逻辑放进回调函数（最直接的传统写法）

既然success是请求完成后才触发的，那所有需要用到pkz的代码都直接放在这个回调里就行：

var pkz;
$(function(){
  $.ajax({
    type:'GET',
    url: '/user/cred',
    success: function (data){
      pkz = data;
      // 所有依赖pkz的逻辑都写在这里
      console.log(pkz); // 这里就能拿到正确值了
    }
  });
});

2. 使用Promise风格的写法（更优雅）

jQuery的AJAX返回的是Deferred对象，支持done/fail链式调用，代码结构更清晰：

$(function(){
  $.ajax({
    type:'GET',
    url: '/user/cred'
  }).done(function(data){
    var pkz = data;
    console.log(pkz);
    // 后续业务逻辑写在这里
  }).fail(function(error){
    // 别忘了处理请求失败的情况
    console.error("请求出错了:", error);
  });
});

3. 用async/await（现代JS写法）

如果你的运行环境支持ES2017+，可以用async/await把异步代码写成同步的样子，可读性拉满：

$(async function(){ // 注意给外层函数加async
  try {
    var pkz = await $.ajax({
      type:'GET',
      url: '/user/cred'
    });
    console.log(pkz);
    // 直接在这里写依赖pkz的逻辑就行
  } catch(error) {
    console.error("请求失败:", error);
  }
});

为什么别用async: false？ #

你提到的async: false确实能让请求变成同步，但这会导致浏览器在请求完成前完全卡住——用户没法点击、滚动，甚至页面都可能假死，而且这个选项已经被官方废弃了，属于不推荐的过时写法，千万别用！

内容的提问来源于stack exchange，提问作者John Dow