Ajax中请求页面出线一闪便刷新当前页面的问题:Ajax请求中的async属性

 

问题:在ajax内请求另一个页面,总是一闪就刷新页面了。前台debugger发现先执行外层的ajax后再执行内部的请求,相当于请求了页面后又回到当前页面。于是便导致了页面闪一下后刷新页面的问题。

查了下是因为异步的关系,只需在ajax内加上 async:false 属性即可。

其原理如下:

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

  async 设置为 false,则所有的请求均为同步请求,在没有返回值之前,同步请求将锁住浏览器,用户其它操作必须等待请求完成才可以执行。

//该请求为同步请求,在没有返回值之前,parent.openNewPage()是不会执行的。
//async设置为:true,则不会等待ajax请求返回的结果,会直接执行openNewPage()。
$.ajax({
 async: false,
  type : "post",
  url : Url,
  datatype : 'json',
  success : function(data) {
     parent.openNewPage(data.url);
  }
});

 

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值