JavaScript学習記(7) AjaxとHTTPステータスコード_基礎知識

Ajax とその仕組み

AJAX は、Web ページを更新せずにサーバーとデータを交換するテクノロジーで、Google によって Google マップで初めて使用され、すぐに普及しました。

AJAX はドメインを越えることはできません。ドメインを越える必要がある場合は、domain.domain='a.com'; を使用するか、サーバー プロキシを使用して XMLHttpRequest ファイルをプロキシすることができます。

AJAX は既存のインターネット標準に基づいており、それらを組み合わせて使用​​します。

XMLHttpRequest オブジェクト (サーバーと非同期でデータを交換します)

JavaScript/DOM (情報表示/操作)
CSS (データのスタイルを定義)
XML (データを変換するための形式として)

XMLHttpRequest オブジェクトを作成します

すべての最新のブラウザ (IE7、Firefox、Chrome、Safari、Opera) には XMLHttpRequest オブジェクトが組み込まれています。

Ajax オブジェクトの作成:

//IE6 以降

var oAjax = 新しい XMLHttpRequest();

//IE6

var oAjax =new ActiveXObject("Microsoft.XMLHTTP")
サーバーに接続

oAjax.open(メソッド、URL、非同期かどうか)

Ajax が「Asynchronous Javascript And XML」(非同期 JavaScript および XML) を意味し、インタラクティブな Web アプリケーションを作成するための Web 開発テクノロジを指すことは誰もが知っています。したがって、Ajax は当然非同期モードで動作します (非同期は true、同期は false)

同期と非同期

同期とは、送信者がデータを送信し、受信者が応答を返すのを待ってから次のデータ パケットを送信する通信方法を指します。

非同期とは、送信者がデータを送信し、受信者が応答を返してくるのを待ってから、次のデータ パケットを送信する通信方法を指します。
(簡単に言うと、同期とは 1 つのことしか実行できないことを意味しますが、非同期とは複数のことを同時に実行できることを意味します)

リクエストの送信 send()

コードをコピーします コードは次のとおりです:

関数 getDoc(){
var xmlhttp;
If(window.xmlhttpRequest){
xmlhttp=new XMLHttpRequest();
}
それ以外{
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");//IE6 用
}
xmlhttp.onreadystatechange = function(){
If(xmlhttp.readyState==4&&xmlhttp.status==200){
document.getElementById("myId").innerHTML=xmlhttp.responseText;
}
}
xmlhttp.open("GET",index.php,true);
xmlhttp.send();
}



データのリクエスト