$.Ajax的async:false/true的区别

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/a913858/article/details/82707019

做项目中碰到一个$.ajax弹屏提醒业务，发现前台框架的提示功能发现没有作用了，只有alert（）才能弹屏。查找了一下源码发现

是同步和异步导致的。为了防止以后犯同样的错误。特此记录下！

jquery中ajax方法有个属性async用于控制同步和异步，默认是true,即ajax请求默认是异步请求，有时项目中会用到AJAX同步。这个同步的意思是当JS代码加载到当前AJAX的时候会把页面里所有的代码停止加载，页面出现假死状态，当这个AJAX执行完毕后才会继续运行其他代码页面假死状态解除。而异步则这个AJAX代码运行中的时候其他代码一样可以运行。

下面看下代码：

$('#btn').click(function(){
		obj1={
				"smstemplateNo":1
		};
		$.ajax({
			url : "<%=request.getContextPath()%>/web/expantion/common/sms/sendBatchSms",
			type: "POST",
			dataType: 'text',
		    async: true,
		    contentType:'application/json;charset=UTF-8', 
		    data: JSON.stringify(obj1),
		    success:function(res){
	        	alert('success')
	      	},error:function(err){
	        	console.log('err')
	      	}
		})
		alert('after click');
	});

结果：

当async设置为true时，点击按钮后，会先alert(‘after click’)，之后请求完毕才会alert(‘success’)。 
当async设置为false时，点击按钮后，则会造成阻塞，阻止下面的代码执行，只有执行完ajax请求，才会去执行后面的代码。