ajax로 불러들인 웹문서에 document.write 사용이 안되는건가요?
본문
ajax로 불러들인 문서에서 document.write 가 적용된 부분만 누락되어서 불러와 지는데요.
for 반복문을 써야 하다보니 어쩔수 없이 document.write 를 써야하는 상황인데
혹시 원래 ajax로 불러들인 문서에서 document.write 사용이 안된다면
가능한 방법이 무엇이 있는지 궁금합니다.
ajax 페이지
<html>
<head>
<title>Home</title>
<script type="text/javascript">
function GetXmlHttpObject() {
var xmlHttp = null;
try {
// Firefox, Opera 8.0+, Safari
xmlHttp = new XMLHttpRequest();
} catch (e) {
// Internet Explorer
try {
xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
}
}
return xmlHttp;
}
//XMLHttpRequest 객체 생성
var xmlHttp = GetXmlHttpObject();
function ajaxPage(n) {
if (xmlHttp==null) {
return;
}
var url;
/*url = "/goPage.do?pageNo=" + n;*/
if(n=='CD'){url = "불러올 문서 주소";}
//서버의 응답을 처리하는 이벤트 핸들러 등록,
//아래 함수를 사용함. resultPaging()
xmlHttp.onreadystatechange = resultPaging;
//서버에 전송 준비 (요청방식, 요청URL, 비동기-true/동기 여부-false)
xmlHttp.open("GET",url,false);
//서버에 전
xmlHttp.send(null);
}
function resultPaging() {
if (xmlHttp.readyState == 4) { //4란, 응답 완료를 의미
if(xmlHttp.status == 200){ //200이란, 정상 응답코드를 의미
var temp = xmlHttp.responseText;
document.getElementById("chgTab1").innerHTML = temp;
}
}
}
</script>
<body>
<div id="wrap">
<div id="container">
<div id="content">
<div id="chgTab">
<table border="1">
<tr><td>
<p>
<a href="javascript_:ajaxPage('CD');">클릭</a>
</p>
</td></tr>
</table>
</div>
<div id="chgTab1">
<table border="1">
<tr><td>
웹문서 불러들이는 곳
</td></tr>
</table>
</div>
</div>
</div>
</div>
</body>
</html>
불러올 페이지
<html>
<head>
<title>||엘리먼트 사용하기||</title>
</head>
<script language="javaScript">
<!--
document.write("test")
//-->
</script>
<body>
</body>
</html>