如何获取jQuery AJAX函数返回值？解决赋值后显示undefined问题

嘿，我来帮你搞定这个问题！你遇到的serviceNumber变成undefined的情况，核心原因是AJAX的异步特性在搞鬼——咱们一步步拆解原因，再给出靠谱的解决方案：

问题根源 #

enCrypt函数里的$.ajax默认是异步执行的，也就是说：函数会在发送完AJAX请求后，立刻结束并返回（因为没写return语句，默认返回undefined），而服务器的响应要过一会儿才会回来。等success回调触发拿到数据的时候，serviceNumber = enCrypt(...)这行代码早就执行完了，自然拿不到正确的值。

解决方案 #

下面给你三种常用的解决思路，推荐用第二种Promise/async-await的写法，代码更清晰也符合现代JS的规范：

方案1：用回调函数传递结果 #

把需要使用加密结果的逻辑放到回调里，或者让enCrypt接收一个回调参数：

function enCrypt(id, callback) {
  if (id > 0) {
    $.ajax({
      url: $("baseUrl").html() + "JobProfil...", // 替换成你的完整请求地址
      // 补充你的AJAX配置：比如method、data、dataType等
      success: function(response) {
        // 这里处理服务器响应，拿到加密后的serviceNumber
        const encryptedValue = response;
        // 调用回调把结果传出去
        callback(encryptedValue);
      }
    });
  } else {
    // 处理id不合法的情况
    callback(null);
  }
}

// 调用enCrypt的时候，在回调里处理结果
enCrypt(typeofServiceNumber, function(result) {
  if (result) {
    const serviceNumber = result;
    console.log(serviceNumber); // 现在能拿到正确值了
    // 所有需要用到serviceNumber的逻辑都要写在这里
  }
});

方案2：用Promise + async/await（推荐） #

把AJAX请求包装成Promise，这样可以用async/await让代码看起来像同步写法，可读性更强：

function enCrypt(id) {
  return new Promise((resolve, reject) => {
    if (id > 0) {
      $.ajax({
        url: $("baseUrl").html() + "JobProfil...",
        // 补充你的AJAX配置
        success: function(response) {
          const encryptedValue = response;
          resolve(encryptedValue); // 把成功结果传递出去
        },
        error: function(error) {
          reject(error); // 处理请求失败的情况
        }
      });
    } else {
      reject(new Error("id必须大于0"));
    }
  });
}

// 要在async函数里使用await
async function getServiceNumber() {
  try {
    const serviceNumber = await enCrypt(typeofServiceNumber);
    console.log(serviceNumber); // 正确获取加密后的值
    // 这里写所有需要用到serviceNumber的逻辑
  } catch (err) {
    console.error("加密请求失败:", err);
  }
}

// 调用这个async函数
getServiceNumber();

方案3：设置AJAX为同步（不推荐） #

可以把AJAX的async选项设为false，让请求变成同步，但这会阻塞浏览器主线程，导致页面卡顿，所以只适合临时调试，不建议生产环境使用：

function enCrypt(id) {
  let encryptedValue;
  if (id > 0) {
    $.ajax({
      url: $("baseUrl").html() + "JobProfil...",
      async: false, // 强制同步请求
      success: function(response) {
        encryptedValue = response;
      }
    });
  }
  return encryptedValue;
}

// 现在赋值能拿到结果，但注意同步请求的副作用
const serviceNumber = enCrypt(typeofServiceNumber);
console.log(serviceNumber);

内容的提问来源于stack exchange，提问作者Mahendra R Varma