jQuery AJAX调用长耗时API出现504/400错误问题咨询

你写的Promise包装逻辑本身没有语法错误，但属于冗余实现，而且完全没有解决核心问题，改写后出现的400错误、最初的504错误和Promise写法没有直接关系，是请求配置、超时策略不匹配长耗时接口导致的。

• 最初的504超时：和AJAX写法无关。浏览器、Nginx/Apache等反向代理、服务端脚本的默认超时时间普遍在30-120秒，你的接口需要3-5分钟才能返回响应，连接会在等待过程中被中间节点主动断开，自然返回504。
• 改写后的400错误：优先检查两个点，一是你传入的requrl是否和最初可用的myPage.php地址完全一致，二是请求方法、参数编码格式是否匹配接口要求。$.ajax默认发送GET请求、参数以application/x-www-form-urlencoded格式编码，如果接口要求POST请求、JSON格式传参，你没显式指定配置的话，后端无法解析传入的参数，就会返回400。
  额外说明：jQuery 1.5及以上版本的$.ajax本身就返回符合Promise A+规范的thenable对象，你额外套一层原生Promise完全是多余操作，写不好反而容易吞掉异常。

首先明确：不推荐用前端长挂请求的方式对接3-5分钟的长耗时接口，你没法控制所有中间节点的超时策略，很容易出现后端已经生成完文件，但前端连接早就断开的情况。优先改成异步任务+轮询的模式，实在要同步等待返回的话，按下面的配置调整：

1. 精简AJAX代码，去掉冗余的Promise包装，补全必要配置：

$.ajax({
  url: requrl, // 确认地址和之前能触发后端逻辑的地址完全一致
  method: 'POST', // 接口要求POST请求时添加，GET可省略
  data: entries,
  // 接口要求传JSON格式参数时打开下面两行，表单提交则注释
  // contentType: 'application/json',
  // data: JSON.stringify(entries),
  dataType: 'json', // 明确指定返回数据类型为JSON，避免jQuery自动解析出错
  timeout: 300000, // 前端超时时间设置为5分钟（单位毫秒）
}).then(function(data) {
  console.log(data);
}).catch(function(err) {
  console.log(err);
});

2. 同步修改服务端、反向代理配置，不然光改前端还是会报504：
   • Nginx等反向代理需要把proxy_read_timeout、proxy_send_timeout调整到300秒以上
   • PHP服务需要把max_execution_time配置调整到300秒以上，避免PHP进程提前退出
3. 更稳妥的异步轮询实现逻辑（推荐）：

对接长耗时接口的标准流程：

• 前端第一次发请求提交生成参数，后端收到后立刻返回唯一任务ID，后台异步启动zip生成任务，不阻塞当前请求
• 前端拿到任务ID后，每隔3-5秒发一次轻量请求，查询对应任务的生成进度
• 后端检测到zip生成完成后，在轮询响应里返回文件下载地址，前端拿到地址后触发下载即可
  这种方案完全避开了长连接超时问题，还可以实时给用户展示生成进度，兼容性和用户体验都远好于长挂请求的模式。

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