ajax中的同步异步问题

下面以jquery中的ajax解释一下同步和异步的区别：

可以先运行下面两段代码：

同步请求：

 

$.ajax({ 
	url: "http://jspang.com/DemoApi/typeGoods.php", 
	type:'post',
	async:false,
	success: function(){
        alert('2')
    }
});
alert('1')

在页面上可以看到，先运行alert('2')，再运行alert('1')

 

异步请求：

$.ajax({ 
	url: "http://jspang.com/DemoApi/typeGoods.php", 
	type:'post',
	async:true,
	success: function(){
        alert('2')
    }
});
alert('1')

在页面上可以看到，先运行alert('1')，再运行alert('2')

 

 

 

现在来解释一下ajax中同步和异步的区别：

 

ajax中的同步是必须等服务器返回了结果后，才会去执行success的方法，ajax的success方法没有执行的情况下，ajax块外面的js代码是不执行的；
ajax中的异步是不需要等服务器返回了结果，就可以去执行ajax块外面的js代码，等服务器返回了结果后再执行success方法；

 

相信大家已经清楚了它们的区别。

再说一下使用场景：

 

验证登陆一般都用同步ajax，如果我们是通过点击按钮的方式来进行验证，那么页面的js代码早都已经加载完毕了，点击按钮的时候再调用ajax请求，我们都不需要在请求接口的过程还运行其他js代码，当然，如果真有这样的需求，那么就使用异步ajax；

 

那么什么时候用异步ajax呢？比如你想一进入某个页面自动调用某个接口，你当然不想在请求接口的过程中阻塞其他js代码的执行吧，那么这时候就用异步ajax。