首頁 > web前端 > 前端問答 > ajax同步和非同步的差別是什麼

ajax同步和非同步的差別是什麼

青灯夜游
發布: 2022-01-13 17:47:53
原創
10200 人瀏覽過

區別:1、同步中一個執行緒要等待上一個執行緒執行完才能開始執行,而非同步中一個執行緒在執行中,下一個執行緒不必等待它執行完就可以開始執行;2、同步是單執行緒操作,而非同步是多執行緒操作;3、非同步的效率要高於同步。

ajax同步和非同步的差別是什麼

本教學操作環境:windows7系統、javascript1.8.5版、Dell G3電腦。

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影片教學

以上是ajax同步和非同步的差別是什麼的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板