ホームページ >ウェブフロントエンド >フロントエンドQ&A >Ajax 対話プロセスの手順は何ですか?

Ajax 対話プロセスの手順は何ですか?

青灯夜游
青灯夜游オリジナル
2022-01-19 17:46:524868ブラウズ

Ajax インタラクション プロセスの手順: 1. XMLHttpRequest オブジェクトを作成します; 2. リクエストのタイプ、URL、およびリクエストを非同期で処理するかどうかを指定します; 3. に情報を送信するときにコンテンツ エンコード タイプを設定します。サーバー; 4. リクエストを送信; 5. サーバー応答データを受け入れる; 6. JS と DOM を使用して部分更新を実行します。

Ajax 対話プロセスの手順は何ですか?

このチュートリアルの動作環境: Windows7 システム、JavaScript バージョン 1.8.5、Dell G3 コンピューター。

AJAX は、Asynchronous JavaScript and XML の略です。これは、データを非同期に表示するための一連の関連テクノロジです。つまり、Web ページをリロードせずにデータを送信および取得します。

Ajax インタラクション プロセスの手順

1. XMLHttpRequest オブジェクトを作成します

var ajax = new XMLHttpRequest();

2. リクエストのタイプ、URL、およびリクエストを非同期に処理するかどうか。

ajax.open('GET',url,true);

3. サーバーに情報を送信するときにコンテンツのエンコーディング タイプを設定します

ajax.setRequestHeader("Content-type", "application/x-www-form-urlencoded");

4. リクエストを送信します

ajax.send(null);

5. サーバーの応答データを受け入れる

ajax.onreadystatechange = function () {
    if (obj.readyState == 4 && (obj.status == 200 || obj.status == 304)) { 
    }
};

6. JavaScript と DOM を使用して部分更新を実現します

知識を広げる: ajax のいくつかのリクエスト メソッドとは何ですか?

一般的に使用される投稿、取得、削除。コピー、ヘッド、リンクなどは一般的には使用されません。

違い:

(1)Post は get より安全です (post パラメータはリクエスト本文にあるためです。get パラメータは URL の上にあります)

(2) Get の通信速度は post よりも高速です。速度は渡されたパラメータに基づいて決定されます。 (postはリクエストボディを通じてパラメータを渡し、バックグラウンドはデータストリームを通じて受信します。速度は若干遅くなります。また、getはURLを通じてパラメータを直接取得できます)

(3) 理論には制限がありません送信後のファイルの数と、送信ファイルの取得に関する小さな理論 7-8k ie4k 程度

(4) データをアップロードするためにデータを取得する (アップロードされたデータが大量にあり、アップロードされたデータは重要である)したがって、セキュリティとデータ レベルの観点からは post が最適な選択です)

[関連チュートリアルの推奨事項: AJAX ビデオ チュートリアル ]

以上がAjax 対話プロセスの手順は何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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