ホームページ >ウェブフロントエンド >jsチュートリアル >具体的にはどうやってajaxを使うのでしょうか? ajax を使用した 4 段階の分析 (例あり)

具体的にはどうやってajaxを使うのでしょうか? ajax を使用した 4 段階の分析 (例あり)

寻∝梦
寻∝梦オリジナル
2018-09-10 13:57:562215ブラウズ

この記事ではajaxを使うための4つのステップを主に紹介していますので、読みたい人はすぐに読んでください

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

。 XMLHttpRequest という 1 つのオブジェクトを学習するだけで、AJAX を習得できるようになります

*

get XMLHttpRequest

> var xmlHttp=new XMLHttpRequest();

> IE6.0 サポート: var xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");

> .5 およびそれ以前のバージョンの IE サポート: var xmlHttp=new ActiveXオブジェクト( 「Microsoft。

 function createXMLHttpRequest() {
           try{
                    return  new  XMLHttpRequest();
           }catch{
                    try{
                            return
  new  ActiveXObject("Msxml2.XMLHTTP");
                    }catch{ 
                               try{
                                        return  newActiveXObject("Microsoft.XMLHTTP");
                             }catch{
                                  alert("怎么可能,你用的啥浏览器。。。")
                                   throw   e;
                             }
                    }
           }
}

2 .第2ステップ(サーバーとの接続を開く)

*xmlHttp.open();サーバーとの接続を開くために使用され、3 つのパラメータが必要です。 リクエストされた URL: サーバー側のリソースを指定します。例: /project/action

> リクエストが非同期であるかどうか: True の場合、それは意味しますを送信する非同期リクエスト、それ以外の場合は同期リクエストです。詳細については、PHP 中国語 Web サイト

AJAX 開発マニュアル

のコラムを参照してください)3. 3 つのステップ (リクエストの送信) *xmlHttp.send(null);括弧、一部のブラウザでは送信できない場合があります

GET リクエストの場合、本文の内容は null である必要があります4.

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

> 0 状態: 作成されたばかりで、open() メソッドはまだ呼び出されていません

     >1状态:请求开始,调用了open()方法,但还没有调用send()方法;

     >2状态:调用完了send()方法;

     >3状态:服务器已经开始响应,但不表示响应结束;

     >4状态:服务器响应结束!(我们通常只关注这个状态!!!)

*得到xmlHttp对象的状态;

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

*得到服务器的响应状态码

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

*得到服务器的响应内容

>var  content = xmlHttp.responseText; //得到服务器响应的文本格式内容;
 
     >var  content = xmlHttp.responseXML; //得到服务器响应的xml内容,它是Document对象;
 
 xmlHttp.onredaystatechange=function() { //5种状态都会调用本方法;
 
          if(xmlHttp.redayState==4 && xmlHttp.status==200){  //双重判断,缺一不可
               
 //获取服务器的响应内容
 
                 var  text = xmlHttp.responseText;
 
          }
 };

本篇文章到这就结束了(想看更多就到PHP中文网AJAX使用手册栏目中学习),有问题的可以在下方留言提问。

以上が具体的にはどうやってajaxを使うのでしょうか? ajax を使用した 4 段階の分析 (例あり)の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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