JS函数idToUnitNum中AJAX调用返回undefined问题求助

这个问题的核心在于AJAX的异步特性——你的idToUnitNum函数在发起AJAX请求后，不会等待请求完成就直接执行完毕并返回默认值undefined；而success回调里的return result只是回调函数的返回值，根本不会影响外层idToUnitNum函数的返回结果。

下面给你几种可行的解决方案：

方案1：使用回调函数 #

这是处理异步操作最经典的方式，我们给函数添加一个回调参数，在AJAX请求成功后调用这个回调来传递结果：

function idToUnitNum(id, callback){ 
  $.ajax({ 
    type: "POST", 
    url: "ajax_officerFromId.php", 
    data: {'id': id}, 
    success: function(dataString) { 
      const ofd = JSON.parse(dataString); 
      const result = ofd.data; 
      console.log(result); 
      callback(result); // 将结果通过回调传递出去
    },
    error: function(xhr) {
      // 额外处理请求失败的情况
      callback(null, xhr.responseText);
    }
  }); 
}

// 调用示例
idToUnitNum("你的ID值", function(result, error) {
  if (error) {
    console.error("请求出错：", error);
    return;
  }
  // 在这里处理拿到的result
  console.log("获取到的结果：", result);
});

方案2：使用Promise封装（推荐） #

Promise是ES6引入的异步处理规范，能让异步代码的逻辑更清晰，还能结合async/await写出类似同步代码的风格：

function idToUnitNum(id){ 
  return new Promise((resolve, reject) => {
    $.ajax({ 
      type: "POST", 
      url: "ajax_officerFromId.php", 
      data: {'id': id}, 
      success: function(dataString) { 
        const ofd = JSON.parse(dataString); 
        const result = ofd.data; 
        console.log(result); 
        resolve(result); // 请求成功时传递结果
      },
      error: function(xhr, status, err) {
        reject(err); // 请求失败时传递错误信息
      }
    }); 
  });
}

// 调用方式1：使用.then()链式调用
idToUnitNum("你的ID值")
  .then(result => {
    console.log("获取到的结果：", result);
    // 在这里做后续处理
  })
  .catch(error => {
    console.error("请求出错：", error);
  });

// 调用方式2：使用async/await（需要在async函数内执行）
async function fetchUnitNum() {
  try {
    const result = await idToUnitNum("你的ID值");
    console.log("获取到的结果：", result);
    // 后续逻辑
  } catch (error) {
    console.error("请求出错：", error);
  }
}

fetchUnitNum();

额外简化（jQuery 3.0+） #

如果你使用的是jQuery 3.0及以上版本，$.ajax本身就会返回一个Promise对象，所以可以简化封装：

function idToUnitNum(id){ 
  return $.ajax({ 
    type: "POST", 
    url: "ajax_officerFromId.php", 
    data: {'id': id},
    dataType: "json" // 指定dataType为json，自动解析返回结果，不用手动JSON.parse
  }).then(response => {
    const result = response.data;
    console.log(result);
    return result;
  });
}

这样调用方式和上面的Promise方案完全一致，代码更简洁。

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