JQuery的ajax同步和异步的区别（async属性）

编写个简单的ajax测试下就很容明白同步与异步的区别了

async   类型：Boolean  在ajax中默认为 true即异步，当为 false 时则为同步

1.当async为false时，此时ajax为同步请求。

$(function() {
	$.ajax({
		type : 'post',
		async : false,
		url : '',
		cache : false,
		data : {},
		success : function(data){
			alert("one");
		}
	});
	alert("two");
});

运行此方法后页面是先显示one后显示two

2.当asycc为true时，默认值时可以不用写此属性，此时ajax为异步请求。

$(function() {
	$.ajax({
		type : 'post',
		async : true,
		url : '',
		cache : false,
		data : {},
		success : function(data){
			alert("one");
		}
	});
	alert("two");
});

运行次方法后页面是先显示two后显示one

以上可以看出ajax的async属性可以控制js代码的先后执行顺序

为什么呢？

总结：async默认的设置值为true，这种情况为异步方式，就是说当ajax发送请求后，在等待server端返回的这个过程中，前台会继续 执行ajax块后面的脚本，直到server端返回正确的结果才会去执行success，也就是说这时候执行的是两个线程，ajax块发出请求后一个线程 和 ajax块后面的脚本执行的另一个线程，所以当第2个例子中，ajax发送请求后，还没等到后台返回执行success中的alert（“one”）就继续执行ajax块后的alert（“two”），而执行alert（“one”）需要等到server端返回后执行。

而第1个例子中async为false，此时则为同步方式执行ajax请求，当ajax发送请求后程序会停留在function（data）等待返回结果。直到执行完function（data）方法后才会继续执行下面的js代码，所以此时页面先显示one后显示two