원생 아 약 스 의 4 단계 공유

6067 단어 Ajaxajax원생
크게 네 단계 로 나 눌 수 있 습 니 다. 더 많은 무료 교육 글 은 여기 1. new 의 인 스 턴 스 대상, new XML HttpRequest () 를 주목 하 십시오.2. 요청 을 엽 니 다. (매개 변수 1, 매개 변수 2, 매개 변수 3) 매개 변 수 는 다음 과 같 습 니 다. 매개 변수 2 가 우리 에 게 요청 한 주 소 를 가 져 오 거나 제출 할 수 있 습 니 다. 매개 변수 3 은 동기 비동기 기본 비동기 3 입 니 다. 보 내기 요청 (빈) 4 를 사용 합 니 다.onready statechange 는 새로운 인 스 턴 스 를 감청 합 니 다. 감청 중 에 상태 코드 판단 ready State = = 4 & & status = = = 200 이 요청 한 것 은 우리 가 원 하 는 형식 이 아 닙 니 다. JSON. parse (xhr. response Text) 는 우리 가 필요 로 하 는 형식 을 바 꿀 수 있 습 니 다.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script>
function loadXMLDoc()
{
     
	var xmlhttp;
	if (window.XMLHttpRequest)
	{
     
		//  IE7+, Firefox, Chrome, Opera, Safari        
		xmlhttp=new XMLHttpRequest();
	}
	else
	{
     
		// IE6, IE5        
		xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
	}
	xmlhttp.onreadystatechange=function()
	{
     
		if (xmlhttp.readyState==4 && xmlhttp.status==200)
		{
     
			document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
		}
	}
	xmlhttp.open("GET","/try/ajax/ajax_info.txt",true);
	xmlhttp.send();
}
</script>
</head>
<body>

<div id="myDiv"><h2>   AJAX        </h2></div>
<button type="button" onclick="loadXMLDoc()">    </button>

</body>
</html>

좋은 웹페이지 즐겨찾기