小猿圈web前端之ajax的同步和异步有怎样的区别？
对于ajax我们应该知道ajax是主要用来在前端页面中向服务器后端请求数据，ajax中根据async的值不同分为同步（async = false）和异步（async = true）两种执行方式，那么，ajax的同步和异步请求两种方式有什么区别呢？小猿圈web前端讲师给大家详细分析一下ajax同步与异步执行的区别。https://upload-images.jianshu.io/upload_images/15397392-a4bdcf3a82083091.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240首先看一下同步请求：$.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前端讲师在小猿圈上总结出的经验，小编最近在学习前端，感觉小猿圈还不错web前端自学②群：738735873，大家想学习也可以去看看，一起学习，一起进步。
页:
[1]