对于ajax我们应该知道ajax是主要用来在前端页面中向服务器后端请求数据,ajax中根据async的值不同分为同步(async = false)和异步(async = true)两种执行方式,那么,ajax的同步和异步请求两种方式有什么区别呢?小猿圈web前端讲师给大家详细分析一下ajax同步与异步执行的区别。
首先看一下同步请求:
$.ajax({
type:'post',
url:"<c:url value='/device/org/' />"+val,
data:{'orgId':val},
success:function(data){//function(1)
name=data.orgName;
},
dataType:"json",
async:false
});
function(2);
当执行当前AJAX的时候会停止执行后面的JS代码,直到AJAX执行完毕后时,才能继续执行后面的JS代码。
当把async设为false时,这时ajax的请求时同步的,也就是说,这个时候ajax块发出请求后,他会等待在function1()这个地方,不会去执行function2(),直到function1()部分执行完毕。
异步请求:
$.ajax({
type:"POST",
url:"Venue.aspx?act=init",
dataType:"html",
success:function(result){ //function1()
f1();
f2();
}
failure:function (result) {
alert('Failed');
},
}
function2();
当ajax发送请求后,在等待server端返回的这个过程中,前台会继续 执行ajax块后面的脚本,直到server端返回正确的结果才会去执行success,也就是说这时候执行的是两个线程,ajax块发出请求后一个线程 和ajax块后面的脚本(另一个线程)
也就是说,当ajax块发出请求后,他将停留function1(),等待server端的返回,但同时(在这个等待过程中),前台会去执行function2()。
通俗点儿的意思,可以这么理解同步处理:我吃完后再看手机,看玩手机后,再睡觉,必须等待上一件事情干完之后,下一件事才能继续执行,单线程;异步处理:不必等待一个程序执行完毕,可以执行其他任务,我可以边吃饭,边看手机,是一种并行的方式。
ajax同步和异步这样理解会变简单很多,web前端讲师在小猿圈上总结出的经验,小编最近在学习前端,感觉小猿圈还不错,大家想学习也可以去看看,一起学习,一起进步。