[js] ajax를 이용해 외부문서 불러오기..

hooni

조회 수 6794 댓글 0

단축키

Prev이전 문서

Next다음 문서

가 크게 작게 위로 아래로 댓글로 가기 인쇄

단축키

Prev이전 문서

Next다음 문서

가 크게 작게 위로 아래로 댓글로 가기 인쇄

블루비에서 퍼온 샘플..

<html>
<head>
<title>http://www.blueb.co.kr</title>
<meta http-equiv="Content-Type" content="text/html; charset=euc-kr">
<script>
var please_wait = null;

function open_url(url, target) {
    if ( ! document.getElementById) {
          return false;
    }

    if (please_wait != null) {
          document.getElementById(target).innerHTML = please_wait;
    }

    if (window.ActiveXObject) {
          link = new ActiveXObject("Microsoft.XMLHTTP");
    } else if (window.XMLHttpRequest) {
          link = new XMLHttpRequest();
    }

    if (link == undefined) {
          return false;
    }
    link.onreadystatechange = function() { response(url, target); }
    link.open("GET", url, true);
    link.send(null);
}

function response(url, target) {
    if (link.readyState == 4) {
        document.getElementById(target).innerHTML =
            (link.status == 200) ? link.responseText
             : "에러코드: " + link.status;
    }
}

function set_loading_message(msg) {
    please_wait = msg;
}

</script>
</head>
<body>

<table>
<tr>
	<td valign=top width=150>
		<H5>외부문서 불러오기</H5>
		
		<a href="javascript:void(0)"
		    onclick="open_url(
		    'http://blueb.co.kr/rss_xml.php?table=community_QNA',
		    'my_site_content');">Go to page 1</a><br>
		
		<a href="javascript:void(0)"
		    onclick="open_url(
		    'http://blueb.co.kr/rss_xml.php?table=community_tipntech',
		    'my_site_content');">Go to page 2</a><br>
		
		<a href="javascript:void(0)"
		    onclick="open_url('http://blueb.co.kr/rss_xml.php?table=JS_50',
		    'my_site_content');">Go to page 3</a><br>
		
		<a href="javascript:void(0)"
		    onclick="open_url('http://blueb.co.kr/rss_xml.php?table=JS_02',
		    'my_site_content');">Go to page 4</a><br>
		
		<a href="javascript:void(0)"
		    onclick="open_url('링크없다.html',
		    'my_site_content');">Broken Link</a><br>
	</td>
	<td valign=top>
		<divs id="my_site_content"></divs>
	</td>
</tr>
</table>