ホームページ >ウェブフロントエンド >jsチュートリアル >JavaScript で HTTP GET リクエストを行うにはどうすればよいですか?

JavaScript で HTTP GET リクエストを行うにはどうすればよいですか?

Barbara Streisand
Barbara Streisandオリジナル
2025-01-03 08:04:39870ブラウズ

How to Make HTTP GET Requests in JavaScript?

JavaScript で HTTP GET リクエストを作成する

Web アプリケーションを操作する場合、リモート サーバーからデータを取得することが必要になります。 JavaScript では、HTTP GET リクエストを実行することで、開発者は指定された URL からデータを取得できます。この記事では、特に Mac OS X ダッシュコード ウィジェット内でこのようなリクエストを実行する最適な方法について説明します。

XMLHttpRequest オブジェクトの使用

ブラウザとダッシュコードは、XMLHttpRequest オブジェクトを提供します。開発者は JavaScript から HTTP リクエストを作成できます。このオブジェクトを使用した同期リクエストの例を次に示します。

function httpGet(theUrl) {
  var xmlHttp = new XMLHttpRequest();
  xmlHttp.open("GET", theUrl, false); 
  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);
  xmlHttp.send(null);
}

以上がJavaScript で HTTP GET リクエストを行うにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。