zoukankan      html  css  js  c++  java
  • 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); //当前页重新复值
    }
    })
    }
  • 相关阅读:
    单片机触摸屏校准
    C中的预编译宏定义
    Android之网络摄像头
    曾经的UCOSii
    关于ST-Link下载STM32程序的使用
    关于IAR开发STM32配置
    学习C#(一)
    ESP8266使用详解--基于Lua脚本语言
    (五)Lua脚本语言入门
    (四)Lua脚本语言入门(数组遍历)
  • 原文地址:https://www.cnblogs.com/taikongliu/p/6358441.html
Copyright © 2011-2022 走看看