링크 클릭시 특정영역에 페이지 불러오기 (아이프레임X) > 그누보드5 팁자료실

그누보드5 팁자료실

링크 클릭시 특정영역에 페이지 불러오기 (아이프레임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

댓글 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>

참고로 위 코드로는 도메인이 다른 페이지는 불러올 수 없습니다~
보안의 이유로 크로스도메인를 허용하지 않습니다.
전체 2,426 |RSS
그누보드5 팁자료실 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT