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

    什么是ajax同步异步

    WBOYWBOY2022-07-04 15:57:54原创1295

    ajax同步的意思是当JavaScript代码加载到当前ajax的时候会把页面里所有的代码加载停止,页面处于假死状态,当这个ajax执行完之后,页面才会接触假死状态,代码继续运行;ajax异步的意思则是当前ajax代码运行的时候其他代码一样也可以运行。

    大前端零基础入门到就业:进入学习

    本文操作环境:windows10系统、javascript1.8.5&&html5版、Dell G3电脑。

    什么是ajax同步异步

    (1)同步的意思是当JS代码加载到当前AJAX的时候会把页面里所有的代码停止加载,页面处于假死状态,当这个AJAX执行完后才会解除页面假死状态,代码继续运行。

    (2)而异步则是当前AJAX代码运行中的时候其他代码一样可以运行。

    jquery的async:false,这个属性

    默认是true:异步,false:同步。

    示例如下:

    $.ajax({
               url: prefix + "/exportById",
               data: {ids:ids},
               type: 'POST',
               traditional: true,
               cache:false, 
               async:false, 
               success: function (result) {
                if (result.code == web_status.SUCCESS) {
                      window.location.href = ctx + "common/download?fileName=" + result.msg + "&delete=" + true;
                    } else {
                                 alert("导出失败");
                        }
                    }
            });

    扩展知识

    AJAX怎么实现同步请求?

    ajax请求我们分为同步请求和异步请求,但是默认的都是异步请求,那么,当我们想用ajax同步请求时,我们该如何去实现这个同步请求呢?接下来的这篇文章就来给大家介绍一下关于ajax同步请求的实现方式,有需要的朋友可以参考一下,希望会对你有所帮助。

    首先我们应该知道同步是单一的线程,代码是按照顺序执行的,当执行到js代码加载到当前的同步ajax请求的时候,页面的所有其他代码停止加载,页面处于假死状态,直到该请求执行完毕,才会执行继续执行其他请求。

    其次我们应该知道ajax中根据async的值不同分为同步和异步两种请求方式,当async的值为true时是异步请求方式,相反的,当async的值为false时是同步请求方式,所以对于实现ajax同步请求只需要将async的值设为false就可以了。

    $.ajax(
      
          type:“POST”/“GET”
      
          url:"",
      
          data:{},
      
          dataType:"json",
      
          async:false,  //同步
      
         success:function(response){
      
               }     
      
       );

    Ajax同步和异步请求有什么区别以及使用场景有哪些?

    理解1:

    AJAX中根据async的值不同分为同步(async = false)和异步(async = true)两种执行方式;在W3C的教程中推荐使用异步执行;

    下面来区别一下同步和异步有什么不同:

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

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

    如何选同步还是异步模式?要回答这一问题,我们可以通过下面可能出现的问题来回答:

    我们在发送AJAX请求后,还需要继续处理服务器的响应结果,如果这时我们使用异步请求模式同时未将结果的处理交由另一个JS函数进行处理。这时就有可能发生这种情况:异步请求的响应还没有到达,函数已经执行完了return语句了,这时将导致return的结果为空字符串。

    理解2:

    同步: 发送一个请求,等待返回,然后再发送下一个请求

    异步: 发送一个请求,不等待返回,随时可以再发送下一个请求

    同步可以避免出现死锁,读脏数据的发生,一般共享某一资源的时候用,如果每个人都有修改权限,同时修改一个文件,有可能使一个人读取另一个人已经删除的内容,就会出错,同步就会按顺序来修改。

    异步则是可以提高效率了,现在cpu都是双核,四核,异步处理的话可以同时做多项工作,当然必须保证是可以并发处理的。

    同步和异步最大的区别就在于。一个需要等待,一个不需要等待。

    比如发短信,就是一个异步例子。发起者不关心接收者的状态。不需要等待接收者的返回信息,则可以进行下一次发送。

    电话,就是一个同步例子。发起者需要等待接收者,接通电话后,通信才开始。需要等待接收者的返回信息

    而我们平时经常讨论的同步问题多发生在多线程环境中的数据共享问题。即当多个线程需要访问同一个资源时,它们需要以某种顺序来确保该资源在某一特定时刻只能被一个线程所访问,如果使用异步,程序的运行结果将不可预料。因此,在这种情况下,就必须对数据进行同步,即限制只能有一个进程访问资源,其他线程必须等待。

    实现同步的机制主要有临界区、互斥、信号量和事件

    临界区:通过对多线程的串行化来访问公共资源或一段代码,速度快,适合控制数据访问。在任意时刻只允许一个线程对共享资源进行访问,如果有多个线程试图访问公共资 源,那么在有一个线程进入后,其他试图访问公共资源的线程将被挂起,并一直等到进入临界区的线程离开,临界区在被释放后,其他线程才可以抢占。

    互斥量:采用互斥对象机制。 只有拥有互斥对象的线程才有访问公共资源的权限,因为互斥对象只有一个,所以能保证公共资源不会同时被多个线程访问。互斥不仅能实现同一应用程序的公共资源安全共享,还能实现不同应用程序的公共资源安全共享 .互斥量比临界区复杂。因为使用互斥不仅仅能够在同一应用程序不同线程中实现资源的安全共享,而且可以在不同应用程序的线程之间实现对资源的安全共享。

    信号量:它允许多个线程在同一时刻访问同一资源,但是需要限制在同一时刻访问此资源的最大线程数目 。信号量对象对线程的同步方式与前面几种方法不同,信号允许多个线程同时使用共享资源,这与操作系统中的PV操作相同。它指出了同时访问共享资源的线程最大数目。它允许多个线程在同一时刻访问同一资源,但是需要限制在同一时刻访问此资源的最大线程数目。

    事件:通过通知操作的方式来保持线程的同步,还可以方便实现对多个线程的优先级比较的操作 。

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

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

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。

    前端(VUE)零基础到就业课程:点击学习

    清晰的学习路线+老师随时辅导答疑

    自己动手写 PHP MVC 框架:点击学习

    快速了解MVC架构、了解框架底层运行原理

    专题推荐:ajax
    上一篇:jquery中怎么使用ajax请求 下一篇:自己动手写 PHP MVC 框架(40节精讲/巨细/新人进阶必看)

    相关文章推荐

    • ❤️‍🔥共22门课程,总价3725元,会员免费学• ❤️‍🔥接口自动化测试不想写代码?• react ajax开发用什么• jquery中ajax方法的参数属性及作用是什么• thinkphp中使用ajax方法吗• vue支持ajax吗• cors和ajax的区别是什么
    1/1

    PHP中文网