ajax.js서버에 요청을 할 객체 만들기
javascript로 만들어져있다.
var request = null // 요청 객체를 담을 변수
function createRequest(){
try{
//XMLHttpRequest는 마이크로소프트의 브라우저를 제외한 모든 브라우저에서 작동
request = new XMLRequest();
} catch(trymicrosoft){ //만약에 객체를 생성하지 못 한다면
try{
//ActiveXObject는 마이크로 소프트의 브라우저에서 지원하는 타입
//맥 IE 5버전에서는 아직 사용이 안됨.
//Msxml2.XMLHTTP를 대부분의 I.E에서 지원하지만 몇몇은 지원하지 않음
request = new ActiveXObject("Msxml2.XMLHTTP");
} catch(othermicrosoft){
try(
//몇몇 지원하지 않는 브라우저를 위한 부분
request = new ActiveXObject("Microsoft.XMLHTTP");
} catch(falied){
//위에 해당사항이 없게된다면 값은 null
request = null
}
}
}
}
if(request == null){
alert("request 객체 오류");
}
}
createRequest() 요청 객체를 만드는 함수
createRequest()로 'request' 객체 만들고 요청객체 타입은 open()이라는 것을 쓸수가 있다.
open 함수에 들어가는 변수
request.open('GET','test2.asp',true);
첫번째는 GET방식 POST방식
두번째는 요청을 보낼 URL입력
세번째는 동기인지(false),비동기인지(true) 결정
<script language="javascript" src="/js/ajax.js"></script>
<script language="javascript">
function ReadytRequest(obj){
createRequest();
var url = "test2.asp?aaa=bbb";
request.open('GET',url,true);
request.onreadystatechange = obj;
request.send(null);
}
function bbb(){
if(request.readyState==4){//요청상태가4인지 확인
if(request.status==200){//HTTP상태가 완료인지 체크
var newPoint = request.responseText;
document.getElementById("ccc").innerHTML = newPoint;
}
}
}
ReadytRequest(bbb);
</script>
<html>
<head>
</head>
<body>
<span id="ccc"></span>
</body>
</html>
'Ajax' 카테고리의 다른 글
| [중요한 정보]ajax euc-kr post 한글깨짐 방지 (0) | 2014.10.06 |
|---|---|
| XMLHttpRequest 객체 (0) | 2013.06.18 |