2026, 새로운 도약을 시작합니다.

ajax 페이징 구현하기

//페이징 Submit
function ajaxSubmit(aURL, fID) {
    aTarget=(arguments[2]==undefined)?"":"#"+arguments[2];   

    $.ajax({ url: aURL,
    cache : false,
    success: function(data){
        var aData = $(aTarget+" :input, select").serializeArray();           
        $.post(aURL, aData, function(data) { $("#"+fID).html(data); });
    },
    error : function(data){  }
    });
}

<?
$per_block=10;
$total_block=ceil($total_page/$per_block);
$block=ceil($p/$per_block);
$first_page =($block-1) * $per_block;
$last_page =$block * $per_block;
if($total_block <= $block) $last_page=$total_page;

$ajaxLink = "{$pgurl}";

?>

<div class="paging">
    <div class="paging_list">   
    <?
        echo "<a class='prev' title='처음페이지로' href=\"javascript:ajaxSubmit('{$ajaxLink}?p=1&no={$no}&{$p_link}','{$Target}')\">처음페이지로</a>  ";
        if($block >= 1){
            echo "<a class='s_prev' title='이전' href=\"javascript:ajaxSubmit('{$ajaxLink}?p=".($p-1)."&no={$no}&{$p_link}','{$Target}')\">이전</a> ";
        }else{
            echo "<a class='s_prev' title='이전 ' href='#.'>이전</a>";
        }   
        for($DirectPage= $first_page + 1 ; $DirectPage <= $last_page ; $DirectPage++){
            echo "<div class='numbers'>";
            if($p == $DirectPage){
                echo "<a class='on' href='#none'>{$DirectPage}</a>";
            }else{
                echo "<a href=\"javascript:ajaxSubmit('{$ajaxLink}?p={$DirectPage}&no={$no}&{$p_link}','{$Target}')\">{$DirectPage}</a>";
            }
            echo "</div>";
        }
        if(($block <= $total_block) && ($total_page > $p)){
            echo "<a class='s_next' title='다음' href=\"javascript:ajaxSubmit('{$ajaxLink}?p=".($p+1)."&no={$no}&{$p_link}','{$Target}')\">다음</a> ";
        } else {
            echo "<a class='s_next' title='다음' href='#.'>다음</a> ";
        }
        echo "<a class='next' title='끝페이지로' href=\"javascript:ajaxSubmit('{$ajaxLink}?p=".($total_page)."&no={$no}&{$p_link}','{$Target}')\">끝페이지로</a> ";
    ?>
    </div>
</div>

|

댓글 1개

ajax 페이징 구현

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

그누보드5 팁자료실

번호 제목 글쓴이 날짜 조회
공지 3년 전 조회 4,598
2741 3일 전 조회 111
2740 4일 전 조회 103
2739 1주 전 조회 209
2738 1주 전 조회 217
2737 1주 전 조회 181
2736 1주 전 조회 280
2735 3주 전 조회 281
2734 3주 전 조회 263
2733 1개월 전 조회 265
2732 1개월 전 조회 301
2731 1개월 전 조회 267
2730 1개월 전 조회 226
2729 1개월 전 조회 355
2728 1개월 전 조회 245
2727 1개월 전 조회 422
2726 1개월 전 조회 256
2725 1개월 전 조회 330
2724 1개월 전 조회 358
2723 1개월 전 조회 267
2722 1개월 전 조회 300
2721 1개월 전 조회 211
2720 2개월 전 조회 304
2719 2개월 전 조회 307
2718 2개월 전 조회 202
2717 2개월 전 조회 336
2716 2개월 전 조회 202
2715 2개월 전 조회 311
2714 2개월 전 조회 273
2713 2개월 전 조회 376
2712 2개월 전 조회 289
🐛 버그신고