ホームページ  >  記事  >  ウェブフロントエンド  >  Ajaxデータの簡易分析requests_jquery

Ajaxデータの簡易分析requests_jquery

WBOY
WBOYオリジナル
2016-05-16 18:08:371177ブラウズ

例:

コードをコピー コードは次のとおりです。

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