ajax的同步和非同步請求

2021-08-16 21:37:02 字數 1448 閱讀 5879

之前一直在寫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()。

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

Ajax非同步 同步請求

ajax請求最重要的問題是 執行的順序。最長遇到的問題是,我們定義乙個變數接收ajax非同步請求的返回結果,後續 使用,然而後續 在使用時該變數為初始值,始終得不到想要的結果!同步 var email test ptmind.com console.log 1 jquery.ajax console...

ajax同步請求與非同步請求

在前後臺請求資料互動的時候,我們經常用到ajax來進行資料的請求與返回,ajax請求的async欄位是boolean型別,用來標識ajax請求是同步請求或者非同步請求。async預設為true,非同步請求。兩者的區別如下 非同步請求 非同步請求的好處是 不用等待ajax返回資料結果,就繼續往下執行,...

ajax同步請求和非同步請求

這裡講解一下ajax 同步和非同步的差異,先看2 段 一 二 同步和非同步的差異如下 obj.open post url,true ajax非同步 obj.open post url,false ajax同步 對於 一,為非同步的ajax請求,執行結果為 先執行alert 2 再執行alert 1 ...