• 技术文章 >web前端 >前端问答

    ajax同步和异步的区别是什么

    青灯夜游青灯夜游2022-01-13 17:47:53原创76

    区别:1、同步中一个线程要等待上一个线程执行完才能开始执行,而异步中一个线程在执行中,下一个线程不必等待它执行完就可以开始执行;2、同步是单线程操作,而异步是多线程操作;3、异步的效率要高于同步。

    本教程操作环境:windows7系统、javascript1.8.5版、Dell G3电脑。

    ajax异步请求:

    异步请求就当发出请求的同时,浏览器可以继续做任何事,Ajax发送请求并不会影响页面的加载与用户的操作,相当于是在两条线上,各走各的,互不影响。一般默认值为true。异步请求可以完全不影响用户的体验效果,无论请求的时间长或者短,用户都在专心的操作页面的其他内容,并不会有等待的感觉。

    比如:

    $.ajax({ 
         type:"POST",
         url:"Venue.aspx?act=init",
          dataType:"html",
         success:function(result){  //function1()
           f1();
           f2(); 
        }
         failure:function (result) { 
          alert('Failed'); 
         },
     }
     function2();

    说明:上述代码中,当ajax块发出请求后,他将停留function1(),等待server端的返回,但同时(在这个等待过程中),前台会去执行function2()。

    ajax同步请求:

    同步请求即是当前发出请求后,浏览器什么都不能做,必须得等到请求完成返回数据之后,才会执行后续的代码,相当于是排队,也就是说,当JS代码加载到当前ajax的时候会把页面里所有的代码停止加载,页面处于一个假死状态,当这个ajax执行完毕后才会继续运行其他代码页面解除假死状态(即当ajax返回数据后,才执行后面的function)。

    比如:

    $.ajax({ 
         type:"POST",
         url:"Venue.aspx?act=init",
         dataType:"html",
         async: false,    success:function(result){  //function1()
           f1();
           f2();
         }
        failure:function (result) { 
          alert('Failed'); 
         },
     }
     function2();

    说明:上述代码中,当把asyn设为false时,这时ajax的请求时同步的,也就是说,这个时候ajax块发出请求后,他会等待在function1()这个地方,不会去执行function2(),直到function1()部分执行完毕。

    看完了对于ajax同步与异步请求的意思后,我们就来看看ajax同步请求与异步请求的区别。

    ajax同步请求与异步请求的区别:

    同步是指一个线程要等待上一个线程执行完才能开始执行,同步可以看做是一个单线程操作,只要客户端请求了,在服务器没有反馈信息之前是一个线程阻塞状态。

    异步是一个线程在执行中,下一个线程不必等待它执行完就可以开始执行。异步肯定是个多线程。在客户端请求时,可以执行其他线程,并且在把这个线程存放在他的队列里面,有序的执行。

    异步的效率要高于同步。如果数据在线程间共享,那么必须使用同步!

    异步模式下:

    当我们使用AJAX发送完请求后,可能还有代码需要执行。这个时候可能由于种种原因导致服务器还没有响应我们的请求,但是因为我们采用了异步执行方式,所有包含AJAX请求代码的函数中的剩余代码将继续执行。如果我们是将请求结果交由另外一个JS函数去处理的,那么,这个时候就好比两条线程同时执行一样。

    同步模式下:

    当我们使用AJAX发送完请求后,后续还有代码需要执行,我们同样将服务器响应交由另一个JS函数去处理,但是这时的代码执行情况是:在服务器没有响应或者处理响应结果的JS函数还没有处理完成return时,包含请求代码的函数的剩余代码是不能够执行的。就好比单线程一样,请求发出后就进入阻塞状态,知道接触阻塞余下的代码才会继续执行。

    【相关教程推荐:AJAX视频教程

    以上就是ajax同步和异步的区别是什么的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:ajax 同步 异步
    上一篇:ajax是什么 下一篇:经典技巧之JavaScript数组操作(整理分享)

    相关文章推荐

    • ajax中async有什么作用• ajax中error在什么时候使用• ajax和fetch有啥区别• websocket和ajax的区别是什么• 如何解决ajax传到后台php中文乱码问题• 简单讲一讲前后交互重点的Ajax

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网