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中的异步是不需要等服务器返回了结果,就可以去执行ajax块外面的js代码,等服务器返回了结果后再执行success方法;
相信大家已经清楚了它们的区别。
再说一下使用场景:
验证登陆一般都用同步ajax,如果我们是通过点击按钮的方式来进行验证,那么页面的js代码早都已经加载完毕了,点击按钮的时候再调用ajax请求,我们都不需要在请求接口的过程还运行其他js代码,当然,如果真有这样的需求,那么就使用异步ajax;那么什么时候用异步ajax呢?比如你想一进入某个页面自动调用某个接口,你当然不想在请求接口的过程中阻塞其他js代码的执行吧,那么这时候就用异步ajax。
推荐阅读
-
Mysql5.7中使用group concat函数数据被截断的问题完美解决方法
-
Windows 64 位 mysql 5.7以上版本包解压中没有data目录和my-default.ini及服务无法启动的快速解决办法(问题小结)
-
解决JavaEE开发中字符编码出现乱码的问题
-
Vue中android4.4不兼容问题的解决方法
-
django中的ajax组件教程详解
-
php从数据库中获取数据用ajax传送到前台的方法
-
thinkPHP利用ajax异步上传图片并显示、删除的示例
-
js中的深浅拷贝问题简析
-
Android 使用volley过程中遇到的问题解决办法
-
实例解析Java中的synchronized关键字与线程安全问题