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 팁자료실

+
제목 글쓴이 날짜 조회
4년 전 조회 3,319
4년 전 조회 3,609
4년 전 조회 2,881
4년 전 조회 3,233
4년 전 조회 7,080
4년 전 조회 2,977
4년 전 조회 6,795
4년 전 조회 8,470
4년 전 조회 3,877
4년 전 조회 4,255
4년 전 조회 3,070
4년 전 조회 3,733
4년 전 조회 3,116
4년 전 조회 3,588
4년 전 조회 3,317
4년 전 조회 2,826
4년 전 조회 3,781
4년 전 조회 3,803
4년 전 조회 2,949
4년 전 조회 4,414
4년 전 조회 3,422
4년 전 조회 2,754
4년 전 조회 3,527
4년 전 조회 3,209
4년 전 조회 3,728
4년 전 조회 3,850
4년 전 조회 3,271
4년 전 조회 4,252
4년 전 조회 4,610
4년 전 조회 8,151