Ajax异步POST请求阻塞问题求助：async:true仍同步运行

看起来你遇到的问题有点棘手——明明设置了async: true，但Ajax请求还是阻塞了JS线程，没法和你的5秒定时请求独立运行。咱们一步步来拆解可能的原因，找到解决办法：

1. 先检查全局Ajax设置是否被覆盖 #

jQuery默认的async就是true，但如果你的代码里（或者引入的其他脚本）有全局设置$.ajaxSetup({async: false})，那单个请求的async: true会被覆盖。你可以先在控制台打印全局设置确认：

console.log($.ajaxSettings.async);

如果输出是false，要么把全局设置改回true，要么在你的请求里强制覆盖（虽然你已经写了，但全局设置优先级更高，需要确认生效）。

2. 排查请求前的同步操作是否耗时 #

JSON.stringify(model)是同步操作，如果你的model特别大（比如包含大量数据），这个序列化过程会直接阻塞主线程，和Ajax本身的异步性无关。你可以用控制台计时看看序列化的耗时：

console.time('model-serialization');
var serializedData = JSON.stringify(model);
console.timeEnd('model-serialization');

如果耗时超过几十毫秒，那就是这里的问题。优化方案：

• 精简model，只传递服务器需要的字段
• 如果必须传递大数据，考虑用Web Worker来处理序列化（把序列化放到后台线程，不阻塞主线程）

3. 检查服务器端响应速度 #

打开浏览器的Network面板，查看GetMobiles请求的TTFB（Time To First Byte）——如果服务器处理这个请求需要好几秒，那虽然Ajax是异步的，但如果你的后续逻辑（比如UI状态）依赖这个请求的结果，可能会让你误以为是JS阻塞，但其实是服务器端的等待。这种情况需要优化服务器端接口的性能，比如缓存数据、优化查询等。

4. 回调函数里的代码是否阻塞主线程 #

你的success回调里执行了SetMoving(data)和修改DOM的操作，如果这些操作包含大量DOM重排、重绘或者复杂计算，会阻塞主线程，导致其他代码（包括你的5秒定时请求）无法及时执行。你可以：

• 在Performance面板录制一次操作，看看SetMoving执行时的主线程占用情况
• 优化DOM操作：比如用文档片段批量修改DOM，避免频繁触发重排；减少不必要的DOM查询和修改

5. 浏览器并发请求限制 #

同一域名下，浏览器的并发请求数是有限的（一般是4-6个）。如果你的5秒定时请求一直在占用连接，可能会导致这个POST请求排队等待，看起来像是阻塞。你可以检查Network面板里的请求状态，看看是不是处于"Pending"状态，等待可用连接。这种情况可以考虑：

• 优化定时请求的频率或者返回数据量
• 把静态资源和接口请求分到不同域名（如果可行）

最后再提一句：Ajax的async: true只是让请求的发送和等待过程不阻塞主线程，但回调函数还是在主线程执行的。所以如果回调里的代码太heavy，一样会卡住JS。

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