ajax如何实现同步?Ajax的同步和异步有什么区别?

阳光 2021-09-08 16:44:12 java常见问答 7082

ajax请求我们分为同步请求和异步请求,一般默认的都是异步请求,可是当我们想用ajax同步请求时,要怎么去实现呢?这对于很多java新手来说是一个难题,那么今天我们就给大家讲解一下ajax实现同步的方法。

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

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

ajax实现同步请求的代码如下:

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

Ajax的同步和异步有什么区别?

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的同步和异步的区别了吧,知道它们的区别之后,我们更应该掌握它们的使用方法哦!最后大家如果想要了解更多其他工具教程知识,敬请关注奇Q工具网。

推荐阅读:

jcreator出现中文乱码怎么办?jcreator项目窗口有哪些?

零基础看哪些java入门书?零基础java入门书籍

为什么java安装成功不能运行?java环境变量如何配置?