ajax同步设置

 前端页面,有时需要同步效果,得到某个结果后,再进行操作

1:AJAX访问后台,获取数据,再进行之后的操作,有些人可以在success函数中回调函数,但ajax中原本也可以设置async参数为false,来达到同步效果,async默认为true

代码:(设置同步后,alert(1)会等访问结束后,才调用

$.ajax({
	type: "POST",
	async: false,
	url: url,
	success: function(result){
				
	},
	error: function(e){
				
    }
});
alert(1);

2:还有一种方式,就是在调用访问前,设置同步

代码:(通过设置$.ajaxSettings.async = false;使调用同步,但这里不确定会不会影响所有的ajax调用方式,待完善,但设置该参数后,alert(1)会等调用完,才调用,即同步)

//设置同步
$.ajaxSettings.async = false;

$.ajax({
	type: "POST",
	url: url,
	success: function(result){

	},
	error: function(e){

	}
});
alert(1);

文章参考:

ajax同步处理(使得JS按顺序执行)

基于jquery的$.ajax async使用

猜你喜欢

转载自blog.csdn.net/qq_33172029/article/details/83279485
今日推荐