实现登录的Ajax函数返回undefined？Async/Await使用有误吗？

你代码中拿不到返回值是Async/Await 使用逻辑与jQuery Ajax回调机制共同导致的，具体问题点如下：

• 外层login异步函数本身没有任何显式返回语句。代码仅执行了await $.ajax(...)的调用，既没有接住await拿到的Ajax响应结果，也没有把请求结果作为函数的返回值透出，因此login执行完成后，返回的Promise默认resolve值为undefined，这就是外部调用拿到undefined的直接原因。
• 写在$.ajax的success、error回调里的return值，无法传递到外层函数。jQuery的Ajax回调属于内部执行逻辑，你在回调里return的内容只会被jQuery自身处理，既不会作为$.ajax调用的返回值，也不会被外层的await捕获，完全和外层函数的返回链路脱节。
• jQuery的Ajax回调机制本身不支持等待传入的async回调的执行结果。就算你在success回调里写了复杂的异步逻辑，jQuery也只会触发回调执行，不会等待回调运行完成，更不会把回调的返回值作为$.ajax调用的最终返回值。
• JSON.parse(response)是同步执行方法，额外加await属于冗余写法，不会造成功能错误，但也侧面说明对async/await的传递逻辑存在认知偏差。

$.ajax本身支持返回可被await的Promise对象，不需要嵌套写回调函数，直接通过try/catch捕获请求结果即可，修正后的代码：

async function login(username, password) {
  try {
    // 直接await Ajax的Promise返回值，移除冗余的success回调
    const res = await $.ajax({
      url: "/api/login",
      type: "POST",
      // 补充请求头声明，避免后端无法解析JSON格式的请求体
      contentType: "application/json",
      // 用JSON.stringify序列化参数，替代手动拼字符串的方式，避免转义错误
      data: JSON.stringify({ username, password }),
      // 直接指定响应类型为json，由jQuery自动完成响应解析，无需手动调用JSON.parse
      dataType: "json"
    })
    // 显式把token作为函数返回值，打通外层的取值链路
    return res.token.access_token
  } catch (err) {
    // 捕获所有请求异常，返回错误标记
    return "false"
  }
}

• 你之前在success回调里能正确打印出token字符串，是因为回调函数本身确实执行到了取值逻辑，但这个值没有进入函数的返回链路，所以外部调用完全感知不到。
• 原来的模板字符串拼接请求体的写法存在潜在风险：如果用户名或密码里包含双引号、转义字符，会直接导致请求体JSON格式错误，用内置的JSON.stringify做序列化可以完全规避这类问题。

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