ajax分页

<input type="button" onclick="but(this,0)" value="首页">
<input type="button" onclick="but(this,1)" value="上一页">
<span>当前页:<span style="color: #ff1a1e" class="page_"><?php echo $page; ?></span></span>
<span>总页数:<span><?php echo $num_page; ?></span></span>
<input type="button" onclick="but(this,2)" value="下一页">
<input type="button" onclick="but(this,0.1)" value="末页">
<input type="hidden" value="<?php echo 1 ?>"> <!-- 首页 -->
<input type="hidden" value="<?php echo $num_page ?>"> <!-- 末页 -->
<input type="hidden" value="<?php echo $page ?>"> <!-- 当前页 -->

function but(obj,status) //分页 搜索
{
var frist= $('input[type=hidden]:eq(0)').val(); //首页
var last= $('input[type=hidden]:eq(1)').val(); //末页
var new_= $('input[type=hidden]:eq(2)').val(); //当前页
var page='';
var user_=$('input[type=text]').val();
// alert(user_)
if(status==1) //上一页
{
page=new_-1;
if(page<1){
alert('已尽到了首页');
page=1;
}
// alert('上一页')
}else if(status==2) //下一页
{
// alert('下一页')
page=parseInt(new_)+1;
if(page>last){
alert('已尽到了末页');
page=last;
}
}else if(status==0) // 首页
{
// alert('首页')
page=frist;
}else if(status==0.1) //末页
{
page=last;
// alert('末页')
} else if(status==3) //搜索
{
page=1;
}
$.ajax({
url:'index.php?r=hshuo/page',
data:{page:page,user:user_},
type:'post',
dataType:'json',
success:function(txt){
// alert(txt);
var str='';
str+='<tr>';
str+='<th>用户昵称</th>';
str+='<th>用户头像</th>';
str+=' <th>内容</th>';
str+=' <th>图片</th>';
str+=' <th>发表时间</th>';
str+='<tr>';
$.each(txt.data,function(i,v){
str+='<tr>';
str+='<td>'+v['e_user']+'</td>';
str+='<td><img src='+v["e_img"]+' width="50" height="50"></td>';
str+='<td>'+v['content']+'</td>';
str+='<td>';
var arr_img_= v['img'].split(","); // 在每个逗号(,)处进行分解。
$.each(arr_img_,function(i,v){
str+='<img src='+v+' width="50" height="50">';
});
str+='</td>';
str+='<td>'+ new Date(v['time']*1000)+'</td>';
str+='<tr>';
});
$('.tr_').html(str);
$('input[type=hidden]:eq(2)').val(page); //当前页重新复值
$('.page_').html(page); //当前页重新复值
}
})
}
原文地址:https://www.cnblogs.com/taikongliu/p/6358441.html