ajax 페이징 구현하기

· 2021-12-02 (목) 11:12:57 · 5239 · 1

//페이징 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 팁자료실

2,788건
+
제목 글쓴이 날짜 조회
22-01-07 조회 4,611
22-01-07 조회 4,549
22-01-04 조회 5,069
22-01-03 조회 6,688
21-12-30 조회 5,183
21-12-30 조회 5,640
21-12-26 조회 6,171
21-12-19 조회 5,338
21-12-18 조회 5,589
21-12-17 조회 4,748
21-12-14 조회 5,236
21-12-10 조회 9,296
21-12-10 조회 4,998
21-12-08 조회 8,951
21-12-08 조회 1.1만
21-12-07 조회 5,968
21-12-04 조회 6,274
21-12-04 조회 4,919
21-12-03 조회 5,644
21-12-02 조회 4,981
21-12-02 조회 5,480
21-12-02 조회 5,240
21-12-02 조회 4,721
21-11-30 조회 5,739
21-11-23 조회 5,811
21-11-23 조회 4,945
21-11-23 조회 6,481
21-11-23 조회 5,469
21-11-23 조회 4,623
21-11-22 조회 5,565