AJAX - 브라우저 지원
AJAX의 핵심은 XMLHttpRequest 객체다.
최근의 모든 브라우저들은 내장된 자바스크립트 XMLHttpRequest 객체를 사용해 XMLHttpRequest 객체를 만든다. (IE5, IE6는 ActiveObject를 사용한다.)
앞서만든 "testAjax.htm" 파일에 XMLHttpRequest 객체를 생성하는 자바스크립트를 추가해보자.
<html>
<body>
<script type="text/javascript">
function ajaxFunction()
{
var xmlhttp;
if (window.XMLHttpRequest)
{
// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}
else if (window.ActiveXObject)
{
// code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
else
{
alert("XMLHTTP를 지원하지 않는 브라우저입니다!");
}
}
</script>
<form name="myForm">
이름: <input type="text" name="username" />
시간: <input type="text" name="time" />
</form>
</body>
</html>
<body>
<script type="text/javascript">
function ajaxFunction()
{
var xmlhttp;
if (window.XMLHttpRequest)
{
// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}
else if (window.ActiveXObject)
{
// code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
else
{
alert("XMLHTTP를 지원하지 않는 브라우저입니다!");
}
}
</script>
<form name="myForm">
이름: <input type="text" name="username" />
시간: <input type="text" name="time" />
</form>
</body>
</html>
예제 설명 :
1. XMLHttpRequest 객체를 저장할 xmlhttp 변수를 만든다.
2. xmlhttp=new XMLHttpRequest() 에서 XMLHttpRequest 객체 생성을 시도한다.
3, 만약 실패했을 경우, xmlhttp=new ActiveXObject("Microsoft.XMLHTTP")로 시도한다. 이것은 IE6나 IE5사용자를 위한 것이다.
4. 이것마저도 실패했을 경우는 사용자가 너무 오래된 브라우저를 사용하고 있는 것이므로 XMLHTTP를 지원하지 않는 브라우저라는 것을 경고창을 띄워 알려준다.
참고 : XMLHttpRequest 객체를 생성할 필요가 있을 때마다 위의 코드를 그대로 가져다 사용하면 된다.
다음 장에서는 XMLHttpRequest 객체가 어떻게 서버와 통신하는지를 알려준다.
'jQuery' 카테고리의 다른 글
| [기초] AJAX - 서버에 요청하기 (0) | 2009.07.28 |
|---|---|
| [기초] AJAX - XMLHttpRequest 객체 (0) | 2009.07.28 |
| [기초] AJAX 예제 (0) | 2009.07.28 |
| [기초] AJAX XMLHttpRequest (0) | 2009.07.28 |
| [기초] AJAX 소개 (0) | 2009.07.28 |