Ajax分页实现(评论与回复)

汲你钛镁

于 2020-05-04 22:28:38 发布

阅读量431

点赞数

本文链接：https://blog.csdn.net/qq_40185224/article/details/105923231

版权

本文介绍了如何利用Ajax实现评论和回复的分页显示。首先，页面加载时设置当前页为1，通过Ajax调用后台获取相应页数的数据。接着，根据当前页和总页数创建分页导航。当用户点击分页按钮时，Ajax再次请求数据并更新内容。需要注意的是，在排序参数的传递中要确保其不丢失，避免默认排序问题。在处理回复时，使用双循环将回复数组添加到对应的评论下。

摘要由CSDN通过智能技术生成

index.html

<script type="text/javascript">
function fenye(page,order){
   
    var curpage=1;//当前页
    var total,pagesize,total,totalpage,order;
    $.ajax({
   
    url:'pl_page.php',
    data:{
   
      pagenum:page//传页数
      vid：vid//视频id
      order：order//排序
    },
    type:'POST',
    dataType:'json',
    success:function(data){
   
      total:data.tota;//总条数
      pagesize:data.pagesize;//每页显示
      curpage:page;//当前页
      totalpage:data.totalpage;//总页数
      var pl="";
      var list=data.pl;//取出评论json数据
      $.each(list,function(index,array){
   //遍历输出
      pl+="<div>"+array.name+"</div>"+
          "<div>"+array.content+"</div>"+
          "<div>"+array.time+"</div>"+//评论区样式
          //如果评论下有回复 继续遍历回复
          //首先判断该条评论下是否有回复
          if(typeof array.hf!="underfind"){
   
          $.each(array,function(index,hf){
   
          pl+="<div>"+hf.name+"</div>"+
              "<div>"+hf.content+"</div>"+
              "<div>"+hf.time+"</div>"+
          })
          }
      })
      $("#plq").append(pl