解决jQuery/Ajax同步请求假死或挂起,Ajax return返回undefined解决

  • 发表于
  • 前端
  • 244 阅读

Ajax假死挂起

今天遇到一个页面中默认必须请求一组初始化数据,然后使用了pjax中介,每次进入和离开页面都会造成Ajax假死挂起,很是烦躁,于是有了这篇文章。分享一个超简单的小技巧(细节),却非常实用。虽然现在很多开始用vue一类的数据交互更好用的框架,但类似jQuery一类的项目也很多,重点在灵活的变通。

解决jQuery/Ajax同步请求假死或挂起,Ajax return返回undefined解决
AJAX数据交互

Ajax同步优化方案一

Deferred对象替代async:false,如下:

这样就返回了一个异步对象,使用数据的时候回调就行,就是变向的实现的同步变异步。

Ajax同步优化方案二

上面的方案虽然能解决问题,但后经测试有一个方案更加简便和实用,分析页面加载数据后觉得,本身加载的数据很小,而且同步数据都保持在3个以内,完全不应该出现Ajax假死挂起的现象。因为Ajax默认都是用的异步,所以我们简单的调整了一下思路:

这个方法的关键在于请求前设置为同步,请求结束马上设置回异步,完美解决问题,并且一共就是2行代码,目前体验盒子使用第二种方法。

Ajax return返回undefined解决

以上两种方法其实也可解决ajax return返回undefined的问题,因为JS的执行顺序问题一般请求都会有延迟,要么使用同步(但是同步请求是不推荐的,会阻塞及假死),要么使用异步回调。

这里推荐一种结果回调方式,函数体:

回调方式:

同步模式所以不建议执行多任务,同时完美解决return undefined的问题。

标签: ,