ホームページ >ウェブフロントエンド >jsチュートリアル >具体的にはどうやってajaxを使うのでしょうか? ajax を使用した 4 段階の分析 (例あり)
この記事では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 サイトの他の関連記事を参照してください。