JavaScript はクライアント側のスクリプト言語で、通常は HTML ファイルに埋め込まれています。ブラウザ側で実行され、サーバーとのリモート通信には何らかの技術的手段が必要です。この記事では、JavaScript でリモート通信がどのように可能になるかを見ていきます。
1. AJAX テクノロジー
AJAX は、Asynchronous JavaScript and XML の略で、動的な Web アプリケーションを作成するために使用されるテクノロジーです。 AJAX を使用すると、ページ全体を更新せずにページのコンテンツの一部を更新し、サーバーとの非同期通信を実現できます。
AJAX を使用する手順は次のとおりです。
XMLHttpRequest オブジェクトは、AJAX 操作の実行の中核であり、送信できます。サーバーにリクエストを送信し、レスポンスを受け取ります。 JavaScript では、次のコードを通じて XMLHttpRequest オブジェクトを作成できます。
var xhr = new XMLHttpRequest();
XMLHttpRequest オブジェクトを使用してリクエストを送信するには、open を使用する必要があります。 () メソッドと send() メソッドです。 open() メソッドは、リクエストのタイプ、URL、およびリクエストを非同期で処理するかどうかを設定するために使用されます。 send() メソッドはサーバーにリクエストを送信するために使用され、リクエストの本文をパラメータとして渡すことができます。
xhr.open('GET', '/path/to/file', true); xhr.send();
通常、サーバーは XML、JSON、または HTML ドキュメントを返します。応答を受信した後、responseText 属性または responseXML 属性を使用して応答の内容を取得する必要があります。
xhr.onreadystatechange = function () { if (xhr.readyState === 4 && xhr.status === 200) { console.log(xhr.responseText); } };
2. WebSocket テクノロジー
WebSocket は、単一の TCP 接続で全二重通信を行うためのプロトコルです。 WebSocket を使用するとリアルタイムのデータ送信が実現でき、そのパフォーマンスはネイティブ TCP 接続と同等であるため、サーバーとクライアント間の通信がより高速かつ効率的になります。
WebSocket を使用する手順は次のとおりです。
WebSocket オブジェクトは、次のコードを通じて作成できます。
var ws = new WebSocket('ws://example.com/ws');
ws.addEventListener('open', function (event) { console.log('Connection established'); });
ws.addEventListener('message', function (event) { console.log(event.data); }); ws.send('Hello, WebSocket');
ws.close();
以上がJavaScriptで遠隔通信は実現できるのか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。