如何先执行ajax调用与控制器方法，再调用其他类中的目标方法？

你遇到的是异步请求时序优先级问题，AJAX默认异步执行，不会阻塞后续代码运行，才会出现依赖方法早于AJAX请求、控制器执行的情况，导致变量未赋值就被调用。

• 同步AJAX方案（仅临时测试用，不推荐生产使用）
  把AJAX的async参数设为false，请求发出后会阻塞所有后续代码执行，直到拿到控制器返回结果再继续。以jQuery AJAX为例：

  let targetValue = null;
  $.ajax({
    url: "你的控制器接口地址",
    type: "POST",
    async: false,
    data: 你要提交的参数,
    success: function(res) {
      // 先完成赋值
      targetValue = res;
    }
  })
  // 赋值完成后再调用依赖方法
  目标类.依赖方法(targetValue);
  

  注意：该方案会导致页面完全卡死直到请求完成，会严重影响用户体验，仅适合临时验证逻辑。

• 回调函数方案（基础异步适配方案）
  把依赖返回值的方法直接放到AJAX的success回调中执行，保证控制器返回结果后才触发依赖逻辑：

  $.ajax({
    url: "你的控制器接口地址",
    type: "POST",
    data: 你要提交的参数,
    success: function(res) {
      // 拿到返回值后直接调用目标方法传参
      目标类.依赖方法(res);
    }
  })
  

• Promise + async/await方案（生产环境推荐，逻辑清晰易维护）
  把AJAX请求封装成Promise，用await等待请求完成后再执行后续逻辑，符合现代JS编码规范：

  // 封装AJAX请求为Promise
  function fetchControllerData() {
    return new Promise((resolve, reject) => {
      $.ajax({
        url: "你的控制器接口地址",
        type: "POST",
        data: 你要提交的参数,
        success: res => resolve(res),
        error: err => reject(err)
      })
    })
  }
  
  // 核心逻辑放在async函数中执行
  async function runMainLogic() {
    const targetValue = await fetchControllerData();
    // 等待请求完成拿到值后，再调用依赖方法
    目标类.依赖方法(targetValue);
  }
  
  runMainLogic();
  

• 服务端时序调整方案（如果是后端类依赖控制器返回值）
  如果你是服务端的业务类依赖控制器处理后的值，不要用全局变量存储该值，直接在控制器拿到返回结果后，显式调用对应业务类的方法传值，不要在类初始化、服务启动阶段就调用依赖该值的方法。

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