问题:在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);
}
});