欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

ajax中的同步异步问题

程序员文章站 2022-06-10 09:59:29
...

下面以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。