ajax 페이징 구현하기 정보
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>
0