首頁 >web前端 >js教程 >如何在 JavaScript 中發出 HTTP GET 請求:同步與非同步?

如何在 JavaScript 中發出 HTTP GET 請求:同步與非同步?

Linda Hamilton
Linda Hamilton原創
2024-12-25 02:23:13970瀏覽

How to Make HTTP GET Requests in JavaScript: Synchronous vs. Asynchronous?

JavaScript 中的HTTP GET 請求

當負責在JavaScript 中發出HTTP GET 請求時,特別是在Mac OS Xcode 小部件中,它是對於利用瀏覽器提供的XMLHttpRequest 物件至關重要。這是一個同步請求範例:

function httpGet(theUrl) {
    var xmlHttp = new XMLHttpRequest();
    xmlHttp.open("GET", theUrl, false); // false for synchronous request
    xmlHttp.send(null);
    return xmlHttp.responseText;
}

但是,不鼓勵使用同步請求,因為它們可能會影響使用者體驗。相反,建議在事件處理程序中發出非同步請求並處理回應:

function httpGetAsync(theUrl, callback) {
    var xmlHttp = new XMLHttpRequest();
    xmlHttp.onreadystatechange = function() {
        if (xmlHttp.readyState == 4 && xmlHttp.status == 200)
            callback(xmlHttp.responseText);
    };
    xmlHttp.open("GET", theUrl, true); // true for asynchronous
    xmlHttp.send(null);
}

這種方法透過避免在資料檢索期間凍結主執行緒操作來確保更用戶友好的體驗。

以上是如何在 JavaScript 中發出 HTTP GET 請求:同步與非同步?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn