링크 클릭시 특정영역에 페이지 불러오기 (아이프레임X) 정보
링크 클릭시 특정영역에 페이지 불러오기 (아이프레임X)
본문
아이프레임은 너~무 싫다!
링크클릭시 지정 div에 ajax로 외부페이지 및 특정페이지 불러오기.
id="include_page" 를 가진 div안에 인클루드된 페이지를
다른 페이지로 대체합니다.
html
<a href="javascript:void(0);" onclick="btnclick('불러올페이지 Url')">클릭</a>
<div id="include_page"><?php include('미리불러둘페이지 Url'); ?></div>
Script
<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>
유용했다면 추천 구걸.. ^^
추천
17
17
댓글 21개
좋은자료 감사합니다
감사합니다~! 맛점 되시길!
유용한 자료 감사합니다!
감사합니다~
오~ 좋은 정보네요. 알려주셔서 감사합니다.
감사합니다 ^^
유용하군요!
다행이네요~ 감사합니다~
감사합니다
^^
제가 잘못한건지 모르겟지만
예제를 보여주시면 안될가요?
예제를 보여주시면 안될가요?
http://false9.wckorea.gethompy.com/ex/
직접 다시 코딩해서 테스트해본 예제 입니다..
소스보기 하시면
<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>
참고로 위 코드로는 도메인이 다른 페이지는 불러올 수 없습니다~
보안의 이유로 크로스도메인를 허용하지 않습니다.
직접 다시 코딩해서 테스트해본 예제 입니다..
소스보기 하시면
<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>
참고로 위 코드로는 도메인이 다른 페이지는 불러올 수 없습니다~
보안의 이유로 크로스도메인를 허용하지 않습니다.
친절한 설명 감사합니다~
다른 도메인에 해보니 안되어서 그렇군요
다른 도메인에 해보니 안되어서 그렇군요
네 ^^ 자바스크립트는 보안때문에 타 도메인은 안되는걸로 알고있어요 ㅠ
유용한 자료 감사합니다.
감사합니다~
감사합니다.
잘 쓰겠습니다.
잘 쓰겠습니다.
감사합니다~ 잘쓰셔요~
감사합니다.
매우 좋은 자료 입니다.
링크 클릭시 특정영역에 페이지 불러오기 (아이프레임X)