Php 通过JavaScript的客户端分页

我有3个文件

index.php

js文件

a、 php

我将从index.php向a.php发送ajax查询，ajax代码是用js文件编写的 Request=>

index.php->js->a.php

Ajax代码如下所示：

$.ajax({    
        type    : "POST",
        cache   : true,
        dataType: "json",
        url     : "a.php",
        //async:false,
        data    : {
                    proid:id
                  },                
        success: function(data) {

            //console.log(data);
            var a = data.length;




        }
    });

a、 php返回div的动态数组。5月3日、4日、5日……等等……等等。这个结果来自ajax成功函数。

---

我想在index.php上一次显示一个Div。我还需要一个next和previous按钮来显示next div或previous div，以及如何在index.php中使用json返回数据。？？是否有任何功能可以直接使用这个数组，请转到index.php，然后我们根据需要在那里迭代它。请帮帮我

如果我是你，我会退房的。它有一个非常容易实现的插件，您可以用一些简单的DOM操作来填充它（

$（foo）.html（bar）

，

$（foo）.append（bar）

，等等）。

考虑一下，您的index.php中有这个标记，可以加载ajax请求产生的json数据

<div id='divCarousal'></div>
<input type='button' id='prev' value='Prev' />
<input type='button' id='next' value='Next' />​

​

最后，使用以下ajax代码，您可以填充carousal div

$.ajax({    
        type    : "POST",
        cache   : true,
        dataType: "json",
        url     : "a.php",
        success: function(data) {
            //Below is the dummy data 
            var data = [ 
                {"div": '<div>1</div>'}, 
                {"div": '<div>2</div>'}, 
                {"div": '<div>3</div>'}
            ];
            $.each (data, function () {
                $('#divCarousal').append(this.div);
            });

            $('#divCarousal').children('div:not(:first)').hide();

            $('#next').click(function () {
                $('div#divCarousal > div:visible').hide().next().show();
                if ($('div#divCarousal > div:visible').next().length == 0) {
                    $(this).attr('disabled', true);
                } else {
                    $('#prev').attr('disabled', false);
                }
            });

             $('#prev').click(function () {
                $('div#divCarousal > div:visible').hide().prev().show();
                if ($('div#divCarousal > div:visible').prev().length == 0) {
                    $(this).attr('disabled', true);
                }  else {
                    $('#next').attr('disabled', false);
                }  
            });
        }
    }); 

$.ajax（{
类型：“POST”，
是的，
数据类型：“json”，
url:“a.php”，
成功：功能（数据）{
//下面是虚拟数据
var数据=[
{“div”：“1”}，
{“div”：“2”}，
{“div”：“3”}
];
$。每个（数据、函数（）{
$（'#divCarousal'）.append（this.div）；
});
$（'#divCarousal'）.children（'div:not（：first'）.hide（）；
$（“#下一步”）。单击（函数（）{
$（'div#divCarousal>div:visible'）.hide（）.next（）.show（）；
if（$（'div#divCarousal>div:visible'）.next（）.length==0）{
$（this.attr（'disabled'，true）；
}否则{
$（'prev'）.attr（'disabled'，false）；
}
});
$（'#prev'）。单击（函数（）{
$（'div#divCarousal>div:visible'）.hide（）.prev（）.show（）；
if（$（'div#divCarousal>div:visible'）.prev（）.length==0）{
$（this.attr（'disabled'，true）；
}否则{
$（'#next'）.attr（'disabled'，false）；
}  
});
}
}); 

演示：