AJAX リクエストを実装するにはどうすればよいですか?

AJAX リクエストを実装するにはどうすればよいですか?

1. XMLHttpRequest インスタンスを作成します;

var xhr;if(window.XMLHttpRequest) {
  //ie7+,firefox,chrome,safari,opera
  xhr = new XMLHttpRequest();}else {
  //ie5,ie6
  xhr = new ActiveXObject("Microsoft.XMLHTTP");}

2. readystatechange イベントをリッスンし、readyState 属性を通じてリクエストのステータスを確認します;

xhr.onreadystatechange = function() {
  if(xhr.readyState==4 && xhr.status==200) {
    console.log(xhr.responseText);
  }}

3. 呼び出しますopen() このメソッドはリクエストのタイプとアドレスを指定します;

xhr.open("GET", "xhr_info.txt");

4. send() メソッドを呼び出すだけでリクエストを送信します。

xhr.send(null);

完全なコード

var xhr;
if(window.XMLHttpRequest) {
  //ie7+,firefox,chrome,safari,opera
  xhr = new XMLHttpRequest();
} else {
  //ie5,ie6
  xhr = new ActiveXObject("Microsoft.XMLHTTP");
}
xhr.onreadystatechange = function() {
  if(xhr.readyState==4 && xhr.status==200) {
    console.log(xhr.responseText);
  }
}
xhr.open("GET", "xhr_info.txt", true);
xhr.send(null);

推奨チュートリアル: 「JS チュートリアル」

以上がAJAX リクエストを実装するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。