Ajax 데이터의 간단한 분석 요청_jquery

예:

코드 복사 코드는 다음과 같습니다.

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 ;


이런 방식으로 기본적으로 크로스 브라우저 객체를 생성할 수 있습니다.
다음은 XmlHttpRequest 객체를 사용하는 간단한 Ajax 애플리케이션입니다. >

코드 복사

코드는 다음과 같습니다. var ajaxEl=new Object() //ajaxEl; ajaxEl.contentLoad=function(url){

//IE 브라우저에서 캐싱이 활성화되어 IE가 캐시를 사용하지 못하도록 합니다. 물론 Math.random()을 사용하여 getTime 효과

url ="?date=" new Date().getTime();
this.req=null; 🎜>this.url=url;
//이 콜백 함수는 페이지의 데이터 업데이트 함수에 있습니다.
this.onload=function(){
//domEl은 ID가 #인 dom 요소입니다. test;
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에서 여기에 비교적 간단한 샘플 코드를 설정했습니다. : 지금! 시간은 오전 05:18:10입니다. 2011년이 페이지에 표시되며 시간은 동적으로 변경될 수 있습니다.

코드 복사

코드는 다음과 같습니다. echo "now! time is:". date(" H:i:s a Y")