초보 채 의 아 약 스 복습 1 편(백 스테이지 asp.net)(전통 적 인 자 바스 크 립 트 방법 으로 아 약 스 기능 구현)

사실 가장 간단 한 것 은 자바 스 크 립 트+XML HttpRequest+CSS+서버 엔 드 의 집합 으로 본질 적 으로 브 라 우 저 엔 드 의 기술 로 이해 할 수 있다.자,간단하게 설명 하 겠 습 니 다.지금 바로 코드 를 올 리 세 요!(1).기능 설명:새로 만 든 두 html 페이지 는 각각 1.html 와 2.html 로 새로 고침 되 지 않 은 상태 에서 1.html 페이지 의'데이터 획득'단 추 를 누 른 후 2.html 페이지 의 내용 을 1.html 페이지 의

태그 에 표시 합 니 다.(2).구현 코드:1.html 구현 코드:

 
<head> 
<title>   javascript    Ajax  </title> 

<script type="text/javascript"> 

//      objXmlHttp   
var objXmlHttp = null; 

//        ，           
function CreateXMLHTTP() { 
if (window.ActiveXObject) { 
objXmlHttp = new ActiveXObject("Microsoft.XMLHTTP"); 
} else { 
if (window.XMLHttpRequest) { 
objXmlHttp = new XMLHttpRequest(); 
} else { 
alert("   XMLHTTP  ！"); 
} 
} 
} 

function GetSendData() { 
document.getElementById("divMsg").innerHTML = "     ......"; //      
//              
var strSendUrl = "2.html?date=" + Date();//       2.html     ，    
//URL     ，                ，           
//   XMLHttpRequest   
CreateXMLHTTP(); 
//open     XMLHttpRequest 
objXmlHttp.open("GET", strSendUrl, true); 
//              
objXmlHttp.onreadystatechange = function () { //       
if (objXmlHttp.readyState == 4) { //         
if (objXmlHttp.status == 200) { //        
//     
document.getElementById("divMsg").innerHTML = objXmlHttp.responseText; 
} 
} 
} 
objXmlHttp.send(null); 
} 
</script> 
</head> 
<body> 
<input type="button" id="btn" value="    " onclick="GetSendData()" /> 
<div id="divMsg"> 
</div> 
</body> 
</html>

2.html 구현 코드:

 
<head> 
<title></title> 
</head> 
<body> 
  ：  <br /> 
  ： <br /> 
  ：[email protected] 
</body> 
</html>

하하,이 부분 이 이렇게 많아 요.간단 하 죠!에이,원래 신기 한 Ajax 도 간단 하 다.어린이 신발...

초보 채 의 아 약 스 복습 1 편(백 스테이지 asp.net)(전통 적 인 자 바스 크 립 트 방법 으로 아 약 스 기능 구현)

좋은 웹페이지 즐겨찾기