例:
function xmlHttpR(){
var xmlhttp ;
if(window.XMLHttpRequest){
xmlhttp=new XMLHttpRequest();
}
try{xmlhttp=new ActiveXObject("Msxml2.XMLHTTP") }
catch(e){
try{xmlhttp=new ActiveXObject("Microsoft.XMLHTTP")
}
catch(e){return null;
}
return xmlhttp ;
このようにして、基本的にクロスブラウザ オブジェクトを作成できます。
以下は、XmlHttpRequest オブジェクトを使用した単純なアプリケーションです。 >
コードをコピー
コードは次のとおりです。 var ajaxEl=new Object();はカスタム名前空間です。 ajaxEl.contentLoad=function(url){
//IE ブラウザでは、IE がキャッシュを使用しないように、ここでキャッシュが有効になります。もちろん、Math.random() を使用して getTime と同様のメッセージを生成することもできます。 🎜>this.url=url;
//このコールバック関数はページのデータ更新関数内にあります;
this.onload=function(){
//domEl は ID # test;
var domEl=document.getElementById("test");
//responseText 属性の使用に加えて、responseXml を使用してデータ テーブルを取得することもできます。 req.responseText;
}
this.Xmlhttp(url);
ajaxEl.contentLoad.prototype={
Xmlhttp:function(url){
if(window.XMLHttpRequest) ){
this.req=new XMLHttpRequest();
}
else{
try{this.req=new ActiveXObject("Msxml2.XMLHTTP")}
catch(e){
try{this.req=new ActiveXObject("Microsoft.XMLHTTP");
}
catch(e){return null;
}
}
if (this.req){
var xmlR=this;
this.req.onreadystatechange= function(){
if(xmlR.req.readyState===4){
xmlR.onload. call(xmlR);
}
}
this.req.open(" GET",url,true);
this.req.send(null); }
}
var xmlE=new ajaxEl.contentLoad("main.php");
main.php に、次のような比較的単純なサンプル コードを設定します。 : now! time is:05:18:10 am 2011 がページに表示され、時間を動的に変更できます。
コードをコピー
コードは次のとおりです:
echo "now! time is:"。 date(" H:i:s a Y");