테스트 사이트 - 개발 중인 베타 버전입니다

링크 클릭시 특정영역에 페이지 불러오기 (아이프레임X)

· 6년 전 · 12150 · 21

아이프레임은 너~무 싫다!

링크클릭시 지정 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개

링크 클릭시 특정영역에 페이지 불러오기 (아이프레임X)

게시글 목록

번호 제목
24318
24317
24315
24309
24294
24293
24277
24262
24260
24253
24251
24236
24233
24228
24226
24221
24214
24203
24201
24199
24196
24195
24194
24192
24191
24187
24185
24183
24172
24168