ホームページ > 記事 > ウェブフロントエンド > ajaxにはどのような機能があるのでしょうか?
ajax 関数には、XMLHttpRequest()、open()、send()、setRequestHeader()、getResponseHeader()、getAllResponseHeaders()、onreadystatechange、readyState、status、responseText、responseXML、statusText、onerror などが含まれます。
このチュートリアルのオペレーティング システム: Windows 10 システム、DELL G3 コンピューター。
Web 開発における AJAX (非同期 JavaScript および XML) は、いくつかのテクノロジーを使用して、ページ全体を更新せずに非同期リクエストを通じてサーバーとデータを交換できるようにするテクノロジーです。 JavaScript では、さまざまな関数やメソッドを使用して AJAX リクエストを実装できます。以下に、一般的な AJAX 関連関数をいくつか示します:
1. XMLHttpRequest(): これは、XMLHttpRequest オブジェクトを作成し、AJAX リクエストを送信するために使用されるコンストラクターです。
2. open(): このメソッドは、AJAX リクエストの URL、リクエストのタイプ、非同期で処理するかどうか、およびサーバーに送信するデータを設定するために使用されます。
3. send(): このメソッドは、AJAX リクエストを送信するために使用されます。サーバーに送信するデータという 1 つのパラメーターを受け入れます。
4. setRequestHeader(): このメソッドは、HTTP リクエスト ヘッダーのカスタム値を設定するために使用されます。たとえば、Content-Type や Authorization などのヘッダー情報を設定できます。
5. getResponseHeader(): このメソッドは、サーバーから返された応答ヘッダーの特定の値を取得するために使用されます。
6. getAllResponseHeaders(): このメソッドは、サーバーから返されたすべての応答ヘッダー情報を取得するために使用されます。
7. onreadystatechange: これは、AJAX リクエストのステータスが変化したときにトリガーされるイベント ハンドラーです。リクエストが完了すると、readyState プロパティをチェックすることでリクエストのステータスを確認でき、応答データにアクセスできるようになります。
8.readyState: これは、AJAX リクエストのステータスを取得するために使用されるプロパティです。可能な値は 5 つあります。0 はリクエストが初期化されていないことを意味し、1 はリクエストが接続を確立していることを意味し、2 はリクエストが送信されたことを意味し、3 は応答が受信中であることを意味し、4 はリクエストが完了し、応答が受信されていることを意味します。準備ができて。
9. status: これは、サーバーから返された HTTP ステータス コードを取得するために使用される属性です。たとえば、200 は成功を意味し、404 はリソースが見つからないことを意味します。
10. responseText: これは、サーバーから返される応答テキスト データを取得するために使用される属性です。
11. responseXML: これは、サーバーから返される応答 XML データを取得するために使用される属性です。
12. statusText: これは、サーバーから返される HTTP ステータス テキストを取得するために使用される属性です。
13. onerror: これは、AJAX リクエストでエラーが発生したときにトリガーされるイベント ハンドラーです。
上記の関数とメソッドに加えて、fetch() API の使用、Promise と async/await の使用など、その他の一般的に使用される AJAX 関連の関数とテクノロジもあります。これらの関数と手法を使用すると、AJAX 開発を簡素化し、パフォーマンスを向上させ、コード サイズを削減できます。
以上がajaxにはどのような機能があるのでしょうか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。