jquery的ajax同步和非同步

2022-07-30 18:24:13 字數 1474 閱讀 6875

之前一直在寫jquery**的時候遇到ajax載入資料都需要考慮**執行順序問題。最近的專案用了到ajax同步。這個同步的意思是當js**載入到當前ajax的時候會把頁面裡所有的**停止載入,頁面出去假死狀態,當這個ajax執行完畢後才會繼續執行其他**頁面假死狀態解除。

而非同步則這個ajax**執行中的時候其他**一樣可以執行。

jquery的async:false,這個屬性

預設是true:非同步,false:同步。

$.ajax( 

});

有了這個屬性可以相對的減少**執行書序問題,但是如果用的太多,頁面假死次數太多。這樣反而導致使用者體驗不佳~!

$.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( 

failure:function (result) ,

})function2();

在上例中,當ajax塊發出請求後,他將停留function1(),等待server端的返回,但同時(在這個等待過程中),前台會去執行function2(),也就是說,在這個時候出現兩個執行緒,我們這裡暫且說為function1() 和function2()。

當把async設為false時,這時ajax的請求時同步的,也就是說,這個時候ajax塊發出請求後,他會等待在function1()這個地方,不會去執行function2(),知道function1()部分執行完畢。

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

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

jquery的ajax同步和非同步

之前一直在寫jquery 的時候遇到ajax載入資料都需要考慮 執行順序問題。最近的專案用了到ajax同步。這個同步的意思是當js 載入到當前ajax的時候會把頁面裡所有的 停止載入,頁面出去假死狀態,當這個ajax執行完畢後才會繼續執行其他 頁面假死狀態解除。而非同步則這個ajax 執行中的時候其...

jquery的ajax同步和非同步

之前一直在寫jquery 的時候遇到ajax載入資料都需要考慮 執行順序問題。最近的專案用了到ajax同步。這個同步的意思是當js 載入到當前ajax的時候會把頁面裡所有的 停止載入,頁面出去假死狀態,當這個ajax執行完畢後才會繼續執行其他 頁面假死狀態解除。而非同步則這個ajax 執行中的時候其...