什么是同步Ajax?

同步Ajax請(qǐng)求是在收到響應(yīng)之前停止執(zhí)行請(qǐng)求的過程，而異步Ajax請(qǐng)求意味著腳本繼續(xù)該過程而不等待服務(wù)器回復(fù)。如果它到達(dá)，它將處理回復(fù)。

Ajax的原理很簡(jiǎn)單，向服務(wù)器對(duì)象發(fā)送一個(gè)異步請(qǐng)求就是從服務(wù)器獲取數(shù)據(jù)，然后使用javascript來(lái)操作DOM并更新頁(yè)面。這是最關(guān)鍵的一步，就是從服務(wù)器獲取請(qǐng)求的數(shù)據(jù)。

默認(rèn)情況下，Ajax請(qǐng)求是異步的，但有時(shí)您需要同步發(fā)送請(qǐng)求。

Javascript示例：

var req = new XMLHttpRequest();  
req.open("POST", "example.php”);  // Asynchronous request  
req.send(); 

jQuery示例：

$.ajax({
   type: "POST",
   url: "example.php",
    success: function(data){
     //response script here
   }
 });

$.ajax() 返回 XMLHttpRequest。

讓我們看一下下面的示例，以同步加載數(shù)據(jù)，這在請(qǐng)求處于活動(dòng)狀態(tài)時(shí)完全阻塞了瀏覽器。

JavaScript 示例：

var req = new XMLHttpRequest();  
 req.open("POST", "example.php”, false);  // synchronous request  
req.send();

jQuery 示例：

// Instantiate a request
var sync_request = $.ajax({
      url: "example.php",
      async: false,
      success: function(data){
           //response script here
     }
});

在這里，當(dāng)您需要同步請(qǐng)求時(shí)，我們只需要傳遞“ async:false”。前面的示例為 open 中的最后一個(gè)參數(shù)設(shè)置了 true，而在本示例中，它設(shè)置為 false，因此請(qǐng)求是同步的。

AJAX的優(yōu)點(diǎn)

Ajax給我們帶來(lái)了以下好處：

最大的一點(diǎn)是沒有頁(yè)面刷新，在頁(yè)面與服務(wù)器通信給用戶的體驗(yàn)非常好。無(wú)需在每次請(qǐng)求中加載所有數(shù)據(jù)。

Ajax與服務(wù)器采用異步通信方式，不中斷用戶操作，具有更快速的響應(yīng)能力。

它減少了帶寬的使用，從而節(jié)省了空間和租金成本。

Ajax基于標(biāo)準(zhǔn)化和廣泛支持的技術(shù)，無(wú)需下載插件或庫(kù)。

大家如果想了解更多相關(guān)知識(shí)，可以關(guān)注一下動(dòng)力節(jié)點(diǎn)的AJAX教程，里面有更豐富的知識(shí)等著大家去學(xué)習(xí)，相信對(duì)大家會(huì)有所幫助的。