js分页数据显示

页面最终的效果先放出来给看一下，因为这个分页样式很丑。

这个页面里我数据很少，所以先用每页显示一条数据测试一下，分页样式就是上面这个样子。下面看一下代码。

HTMl代码：

两块内容一个是显示数据的内容模块，一个分页模块。

<div class="card-content" id="bed"></div>
<div id="barcon" name="barcon" class="barcon"></div>

JS代码：

在需要分页功能的时候调用就可以了，比如说需要在页面显示的时候就要分页，在这里调用即可，根据需要。

$(document).ready(function () {

goPage(1,1,dataLength)

}）

下面是goPage方法，其中三个参数分别是当前页数，每页显示数据数目，所有数据数目。在使用之前dataLength参数要先从后台获得。

function goPage(pno,psize,dataLength){

//可从我的资源下载下来

}