ajax 인 스 턴 스 (1)

1650 단어 Ajax
데 이 터 를 되 돌려 주 는 페이지 content. html

Hello World!


<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body>

<script type="text/javascript">
	var xmlHttp;
	function createXMLHttp(){
		if(window.XMLHttpRequest){
			xmlHttp = new XMLHttpRequest();
		}else{
			xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");//IE 
		}
	}
	function showMsg(){
		createXMLHttp();//  xmlHttp    
		xmlHttp.open("post","content.html");//      
		xmlHttp.onreadystatechange = showMsgCallback;//              
		xmlHttp.send();//    ,       
		
	}
	function showMsgCallback(){
		if(xmlHttp.readyState == 4 ){//      
			if(xmlHttp.status == 200){//HTTP    
				var text = xmlHttp.responseText;//       
				//document.getElementById("msg").className="    ";//         
				//  msg            Ajax        
				document.getElementById("msg").innerHTML = text;
			}
		}
	}
</script>
<input type="button" onclick="showMsg()" value="  AJax    "></input>
<span id="msg"></span>
</body>
</html>


좋은 웹페이지 즐겨찾기