링크 클릭시 특정영역에 페이지 불러오기 (아이프레임X)
아이프레임은 너~무 싫다!
링크클릭시 지정 div에 ajax로 외부페이지 및 특정페이지 불러오기.
id="include_page" 를 가진 div안에 인클루드된 페이지를
다른 페이지로 대체합니다.
html
[code]
<a href="javascript:void(0);" onclick="btnclick('불러올페이지 Url')">클릭</a>
<div id="include_page"><?php include('미리불러둘페이지 Url'); ?></div>
[/code]
Script
[code]
<script type="text/javascript">
function btnclick(_url){
$.ajax({
url : _url,
type : 'post',
success: function(data) {
$('#include_page').html(data);
},
error: function() {
$('#include_page').text('페이지 점검중 입니다.');
}
});
}
</script>
[/code]
유용했다면 추천 구걸.. ^^
|
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기
댓글 21개
예제를 보여주시면 안될가요?
직접 다시 코딩해서 테스트해본 예제 입니다..
소스보기 하시면
<div id="include_page">첫페이지 (01.html)</div> 부분은
아래와 같습니다.
<div id="include_page"><?php include('01.html'); ?></div>
제이쿼리 라이브러리 호출하셨는지 확인해보세요
<script src="js/jquery-1.8.3.min.js"></script>
참고로 위 코드로는 도메인이 다른 페이지는 불러올 수 없습니다~
보안의 이유로 크로스도메인를 허용하지 않습니다.
다른 도메인에 해보니 안되어서 그렇군요
잘 쓰겠습니다.