jquery的ajax同步和异步

之前一直在写JQUERY代码的时候遇到AJAX加载数据都需要考虑代码运行顺序问题。最近的项目用了到AJAX同步。这个同步的意思是当JS代码加载到当前AJAX的时候会把页面里所有的代码停止加载,页面出去假死状态,当这个AJAX执行完毕后才会继续运行其他代码页面假死状态解除。
而异步则这个AJAX代码运行中的时候其他代码一样可以运行。
jquery的async:false,这个属性
默认是true:异步,false:同步。

$.ajax({ 

        type: "post", 

       url: "path", 

       cache:false, 

       async:false, 

        dataType: ($.browser.msie) ? "text" : "xml", 

         success: function(xmlobj){ 

        } 

});

有了这个属性可以相对的减少代码运行书序问题,但是如果用的太多,页面假死次数太多。这样反而导致用户体验不佳~!

$.Ajax()中 async 和success的官方的解释:

async
Boolean
Default: true

By default, all requests are sent asynchronous (e.g. this is set to true by default). If you need synchronous requests, set this option to false. Note that synchronous requests may temporarily lock the browser, disabling any actions while the request is active.

success
Function

A function to be called if the request succeeds. The function gets passed two arguments: The data returned from the server, formatted according to the 'dataType' parameter, and a string describing the status. This is an Ajax Event.

 

在这里,async默认的设置值为true,这种情况为异步方式,就是说当ajax发送请求后,在等待server端返回的这个过程中,前台会继续 执行ajax块后面的脚本,直到server端返回正确的结果才会去执行success,也就是说这时候执行的是两个线程,ajax块发出请求后一个线程 和ajax块后面的脚本(另一个线程)例:

$.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(),也就是说,在这个时候出现两个线程,我们这里暂且说为function1() 和function2()。

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

jQuery AJAX 是一种异步操作网页内容的技术,允许开发者在无需刷新整个页面的情况下更新部分内容。而同步请求则是在发送请求直到接收到响应后再继续执行后续代码的过程。以下是关于 jQuery AJAX 同步请求的基本介绍: ### 1. **jQuery AJAX 的基本用途** jQuery AJAX 主要用于在服务器上动态获取数据,它允许在不重新加载整个页面的情况下更新特定部分的内容。这种技术非常适用于创建动态、交互式的 Web 应用程序。 ### 2. **同步 AJAX 请求** 同步 AJAX 请求意味着在等待服务器响应完成之前,当前的 JavaScript 函数不会返回控制权给浏览器的事件循环。这意味着如果你在一个重要的 UI 更新之前调用了同步 AJAX 请求,用户将无法看到页面的变化,直到请求完成并且结果处理完毕。这通常会阻碍用户体验,尤其是在需要即时反馈的应用场景中。 ### 3. **如何实现同步 AJAX 请求** 虽然 jQuery 提供了 `$.ajax()` 方法用于发起 AJAX 请求,但在实际应用中通常推荐使用异步版本以优化性能和用户体验。但是,如果确实需要使用同步版本,可以使用以下语法: ```javascript $.ajax({ url: "http://example.com/data", type: "GET", async: false, // 设置为 true 表示异步,默认情况就是如此;设置为 false 则表示同步模式 success: function(data) { console.log("请求成功", data); }, error: function(xhr, status, error) { console.error("请求失败", xhr.responseText || status || error); } }); ``` 请注意,设置 `async: false` 会让请求变成同步模式,这意味着 `success` 和 `error` 回调函数将在请求完成后立即执行,而不是等到下一个事件循环周期。 ### 4. **何时选择同步 AJAX 请求** 同步 AJAX 请求很少被推荐在现代应用程序中使用,因为它们可能导致阻塞 UI 或影响性能。然而,在某些特殊情况下,比如为了保持代码的简单性和一致性,或在脚本中只有几个关键点需要处理数据时,可能会选择同步 AJAX。 ### 相关问题: 1. **异步同步 AJAX 请求的主要区别是什么?** 2. **为何在大多数情况下我们更倾向于使用异步 AJAX 请求?** 3. **如何避免同步 AJAX 请求带来的潜在问题?**
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值