728x90
반응형
아니, Ajax 이 좋은건 알았지만
이렇게 좋은 기능이 있을 줄이야
jquery_ajax_news.html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<p id="news_1">
I can't wait to try
</p>
<p id="news_2">
I can't understand why
</p>
</body>
</html>
이렇게 문서를 만들어 놓고서는
jquery_ajax_1.html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
<script>
$(function(){
$('#newsWrap_1').load("jquery_ajax_news.html #news_1");
$('#newsWrap_2').load("jquery_ajax_news.html #news_2");
})
</script>
</head>
<body>
<h1>LOAD 1</h1>
<div id="newsWrap_1"></div>
<h1>LOAD 2</h1>
<div id="newsWrap_2"></div>
</body>
</html>
이렇게 문서를 받아 올 수 있다고? 진짜 대박
728x90
반응형
'개발중 > JavaScript' 카테고리의 다른 글
| AJAX 을 사용해서 정보를 컨드롤러로 보내기 (0) | 2020.10.22 |
|---|---|
| JSON의 데이터 출력하기 (0) | 2020.08.24 |
| 이미지 보여주기 출력 (랜덤, 고정, 중지) (0) | 2020.08.24 |
| 실시간 뉴스( 텍스트 ) (0) | 2020.08.18 |
| 실시간 뉴스 (이미지) (0) | 2020.08.18 |
