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

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

Susan Sarandon
Susan Sarandonオリジナル
2024-12-20 20:13:15733ブラウズ

How Can I Perform HTTP GET Requests in JavaScript?

JavaScript での HTTP GET リクエストの実行

JavaScript では、HTTP GET リクエストを実行する方法がいくつかあります。一般的なアプローチの 1 つは、サーバーとの非同期接続を確立する XMLHttpRequest (XHR) オブジェクトを使用することです。この接続により、メイン スレッドをブロックせずにデータを送受信できます。

GET リクエストに XHR を使用するには、次の手順に従います。

  1. XHR を作成するオブジェクト:

    var xhr = new XMLHttpRequest();
  2. を開きます接続:

    xhr.open("GET", theUrl);
  3. リクエストの送信:

    xhr.send();
  4. 応答の準備ができたら、応答を処理します:

    xhr.onload = function() {
      if (xhr.status == 200) {
     // Success! Handle the response here
      } else {
     // Error handling logic
      }
    };

    最新の JavaScript では、HTTP リクエストを実行するためのもう 1 つの一般的なオプションとして Fetch API があります。これは、より単純な構文を提供し、応答を処理するための Promise を返します。

fetch(theUrl).then(response => {
  if (response.ok) {
    // Success! Handle the response here
  } else {
    // Error handling logic
  }
});

Mac OS X ダッシュコード ウィジェットの場合は、フレームワーク内で完全にサポートされているため、XHR メソッドが推奨されます。 。 XHR または Fetch API を利用すると、JavaScript コードで HTTP GET リクエストをシームレスに実行できます。

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

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