更新時間:2022-03-14 10:22:37 來源:動力節點 瀏覽1234次
同步Ajax請求是在收到響應之前停止執行請求的過程,而異步Ajax請求意味著腳本繼續該過程而不等待服務器回復。如果它到達,它將處理回復。
Ajax的原理很簡單,向服務器對象發送一個異步請求就是從服務器獲取數據,然后使用javascript來操作DOM并更新頁面。這是最關鍵的一步,就是從服務器獲取請求的數據。
默認情況下,Ajax請求是異步的,但有時您需要同步發送請求。
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。
讓我們看一下下面的示例,以同步加載數據,這在請求處于活動狀態時完全阻塞了瀏覽器。
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
}
});
在這里,當您需要同步請求時,我們只需要傳遞“ async:false”。前面的示例為 open 中的最后一個參數設置了 true,而在本示例中,它設置為 false,因此請求是同步的。
Ajax給我們帶來了以下好處:
最大的一點是沒有頁面刷新,在頁面與服務器通信給用戶的體驗非常好。無需在每次請求中加載所有數據。
Ajax與服務器采用異步通信方式,不中斷用戶操作,具有更快速的響應能力。
它減少了帶寬的使用,從而節省了空間和租金成本。
Ajax基于標準化和廣泛支持的技術,無需下載插件或庫。
大家如果想了解更多相關知識,可以關注一下動力節點的AJAX教程,里面有更豐富的知識等著大家去學習,相信對大家會有所幫助的。
0基礎 0學費 15天面授
有基礎 直達就業
業余時間 高薪轉行
工作1~3年,加薪神器
工作3~5年,晉升架構
提交申請后,顧問老師會電話與您溝通安排學習