非同期リクエストを送信するための ajax の実装には 4 つの手順だけが必要です

今回は、ajax で非同期リクエストを送信するためのたった 4 つのステップをお届けします。ajax で非同期リクエストを 4 つのステップで送信するための注意点は何ですか? ここで実際のケースを見てみましょう。 ajax が非同期リクエストを送信する具体的な内容は次のとおりです

最初のステップ

(XMLHttpRequest を取得する)ajax は、実際に学習する必要があるオブジェクトは 1 つだけです: XMLHttpRequest これをマスターすれば、ajax をマスターできます。 !!!

1. XMLHttpRequest を取得します

ほとんどのブラウザーは次をサポートします: var xmlHttp=new XMLHttpRequest();

IE6.0: var xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");

IE5.0 およびそれ以前のバージョン:var xmlHttp=new ActiveXObject("Microsoft。サーバーに接続するには、次の 3 つのパラメーターが必要です。

リクエスト メソッド: GET または POST です。

リクエストされた URL: サーバー側のリソースを指定します。例: /day23_1/A

サーブレット

リクエストが非同期かどうか: trueの場合は、非同期リクエストを送信し、それ以外の場合は同期リクエストを送信することを意味します

xmlHttp.open("GET","/day23_1/AServlet",true);// example

ステップ 3(リクエストの送信)
xmlHttp.send(null ): 指定されていない場合、一部のブラウザでは送信できない可能性があります。

パラメータ: リクエストの本文の内容です。 GET リクエストでは、null を指定する必要があります。 POSTリクエストの場合は、次のようにします

xmlHttp.send("username=zhangSan&password=123");

ステップ4:

xmlHttpオブジェクトのイベントにリスナーを登録します: onreadystatechange x mlHttp オブジェクトには合計 5 つの状態があります

0: 初期化が完了しておらず、XMLHttpRequest オブジェクトが作成されただけで、open() メソッドがまだ呼び出されていません1: リクエストが開始され、オープン() メソッドは呼び出されましたが、send() メソッドはまだ呼び出されていません 2: 送信完了ステータスを要求、send() メソッドが呼び出されています

3: サーバー応答の読み取りを開始します

4: サーバーの読み取り終了応答 (通常は最後のステータスのみを考慮します!!!) xmlHttp オブジェクトのステータスを取得します

function createXMLHttpRequest(){
     try{
     return new XMLHttpRequest();
     } catch(e){
     try{
     return new ActiveXObject(“Msxml2.XMLHTTP”);
    }catch(e){
     try{
      return new ActiveXObject(“Microsoft.XMLHTTP”);
     }catch(e){
       alert(“哥们儿,你用的是什么浏览器啊?”);
       throw e;
    }
    }
     } 
}

サーバー応答の
ステータス コード

を取得します

(200: 成功 304: ステータスは変更されていません 404 500:サーバーエラー)

var state = xmlHttp.readyState;//可能是0、1、2、3、4

サーバー応答の内容を取得します

var status=xmlHttp.status;//例如200、404、500

したがって、リスナーは次のように記述する必要があります

var content=xmlHttp.responseText;//得到服务器的响应的文本格式的内容(这更通用)
var content=xmlHttp.responseXML;//得到服务器的响应的xml响应的内容,它是document对象了!

この記事のケースを読んだと思います。さらに興味深い情報については、注目してください。 php 中国語 Web サイトの他の関連記事へ!

推奨読書:

Ajax + サーブレットによるリフレッシュ不要のドロップダウンリンクの実装 (コード付き)

Ajax を使用して json データを未定義として取得する方法

以上が非同期リクエストを送信するための ajax の実装には 4 つの手順だけが必要ですの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。