Ajax 데이터 요청 에 대한 간단 한 분석

1947 단어 Ajax데이터 요청
예 를 들 어
 
function xmlHttpR(){
var xmlhttp;
if(window.XMLHttpRequest){
xmlhttp=new XMLHttpRequest();
}
else{
try{xmlhttp=new ActiveXObject("Msxml2.XMLHTTP")}
catch(e){
try{xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
catch(e){return null;
}
}
return xmlhttp;
그러면 기본적으로 브 라 우 저 를 뛰 어 넘 는 대상 을 만 들 수 있다.다음은 ajax 의 간단 한 활용 입 니 다.XmlHttpRequest 대상 을 이용 하여 완성 합 니 다
 
var ajaxEl=new Object();
//ajaxEl ;
ajaxEl.contentLoad=function(url){
//IE , , url date IE , Math.random() getTime ;
url+="?date="+new Date().getTime();
this.req=null;
this.url=url;
// ;
this.onload=function(){
//domEl ID #test dom ;
var domEl=document.getElementById("test");
// responseText , responseXml ;
domEl.innerHTML=this.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");

좋은 웹페이지 즐겨찾기