JavaScript で HTTP GET リクエストを行う方法: 同期と非同期?

JavaScript での HTTP GET リクエスト

JavaScript で、特に Mac OS X ダッシュコード ウィジェット内で HTTP GET リクエストを作成するタスクを実行すると、次のようになります。ブラウザによって提供される 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 中国語 Web サイトの他の関連記事を参照してください。