ajax async屬性(同步非同步)

2021-07-31 01:12:23 字數 730 閱讀 9521

$('#btn-query').on('click',function

(), success:function

(result),

complete:function

() });

console.log(obj);

});} ***ajax的async屬性預設為true***

1. async:true,這種情況為非同步方式,當ajax傳送請求前,會先執行ajax塊中beforesend裡面的**,如果beforesend裡面有dom操作,就可以立即對dom進行渲染,當ajax傳送請求後,在等待server端返回的資料的過程中,程式會繼續執行ajax塊外面的**,直到伺服器返回正確的結果才會去執行success的方法。因此,在執行success前dom隱藏且obj=0。

2.async:false,,這時ajax的請求是同步的。這樣的話,當ajax傳送請求前,會先執行ajax塊中beforesend裡面的**,如果beforesend裡面有dom操作,不會立即對dom進行渲染,而是等到complete執行完之後,才會渲染dom,當ajax傳送請求後只有ajax請求成功之後,才會執行ajax塊外面的js**。因此,在執行完complete之後dom才隱藏且obj=result。

重點內容:

1.資料載入時的轉圈圈:需要非同步時,在beforesend裡面新增,在complete裡面清除

ajax async同步載入

預設 true 預設設定下,所有請求均為非同步請求。如果需要傳送同步請求,請將此選項設定為 false。注意,同步請求將鎖住瀏覽器,使用者其它操作必須等待請求完成才可以執行。var temp ajax alert temp 這個ajax請求則為同步請求,在沒有返回值之前,alert temp 是不會...

jQuery的ajax async同步和非同步的理解

非同步 預設值 true 型別 布林值 預設情況下,所有請求都是非同步傳送的 即true預設設定 如果您需要同步請求,請將此選項設定為false。跨域請求和datatype jsonp 請求不支援同步操作。請注意,同步請求可能會暫時鎖定瀏覽器,並在請求處於活動狀態時禁用任何操作。async true...

ajax的async屬性(控制同步和非同步)

ajax中async屬性用於控制同步和非同步。true 非同步請求,預設 意思是ajax 執行中的時候其他 一樣可以執行。flase 同步 意思是當js 載入到當前ajax的時候會把頁面裡所有的 停止載入,頁面會出現假死狀態,當ajax執行完畢後才會繼續執行其他 解除頁面假死狀態。input typ...