ajax が非同期リクエストを送信するための 4 つの手順

この記事では、主に非同期リクエストを送信するための ajax の実装方法について説明します。興味のある方は参考にしてください。

ajax が非同期リクエストを送信する具体的な内容は次のとおりです

最初のステップ (XMLHttpRequest を取得する)

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

1. XMLHttpRequest を取得します

ほとんどのブラウザーは次をサポートします: var xmlHttp=new XMLHttpRequest();
IE6.0: var xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
IE5.0 およびそれ以前のバージョンの IE : var xmlHttp=new ActiveXObject("Microsoft。サーバーとの接続を開くには、次の 3 つのパラメーターが必要です。

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

ステップ 3
(リクエストの送信)

xmlHttp.send( null): 指定しない場合、一部のブラウザでは送信できない可能性があります。
パラメータ: GET リクエストの場合、リクエスト本文の内容です。 、null を指定する必要があります。

ステップ 4:

xmlHttp オブジェクトのイベントにリスナーを登録します: onreadystatechange x mlHttp オブジェクトには合計 5 つの状態があります
0: 初期化が完了しておらず、XMLHttpRequest オブジェクトが作成されただけで、open() メソッドがまだ呼び出されていません

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对象了!

jQueryを使用してJSONデータコードを返すAjax非同期リクエストを実装する方法の詳細な説明

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