A-A+

jquery ajax的async参数导致火狐浏览器闪屏

2016年01月27日 前端设计 暂无评论 阅读 5 views 次

jquery ajax的async参数导致火狐浏览器闪屏 有需要的朋友可参考一下。

async默认是true, 即为异步方式, $.Ajax执行后, 会继续执行ajax后面的脚步, 直到服务器端返回数据后, 触发$.Ajax里的success方法. 这时候执行的是两个线程.

我的出现闪屏的情况是:

  1. $.ajax({  
  2.     type: "post",  
  3.     url: "index.php",  
  4.     data: { },  
  5.     async:false,   
  6.     beforeSend:function(){},  
  7.     success: function(data){  
  8.         //...  
  9.     },  
  10.     complete:function(){}  
  11. });  

在这里, 我的async设为了false, 原意是想返回数据了再执行$.Ajax后面的脚本, 没想到这个地方却导致了在火狐浏览器下出现闪屏.(Firefox 11.0), 滚动条下拉到底部触发ajax的情况.闪屏,最后将async:false注释掉, 也就是async为ture的情况下, 成功解决了火狐浏览器滚动条下拉到底部触发ajax出现闪屏的问题.

给我留言