日期:2014-05-16  浏览次数:20388 次

ajax实现分页带有省略号
本帖最后由 u011930019 于 2013-11-11 17:23:14 编辑
我在用ajax来对取出来的数据进行分页时候我已经实现了分页,可是我如何实现在刚开始的时候只显示3也当前数据,如图所示:;当我显示的数据大于3的时候前后都有省略号,如图:;当到最后三页的时候有这样的效果,如图:
下面是我写的代码:

$(".page").live('click', function () {
    var choose = $("#choose").val();
    var glbt = $("#glbt").val();
    var fbrq = $("#fbrq").val();
    getPagesData($(this).attr("pns"), choose, glbt, fbrq);
});

$("#buts").live('click', function () {
    var choose = $("#choose").val();
    var glbt = $("#glbt").val();
    var fbrq = $("#fbrq").val();
    var fenyes = $("#fenyes").val();
    getPagesData(fenyes, choose, glbt, fbrq);
});

$(".button5").live('click', function () {
    getPagesData(1);
});

function getPagesData(pns, choose, glbt, fbrq) {
    $.post("magazineGonglue", {pageNumbers: pns, choose: choose, glbt: glbt, fbrq: fbrq}, function (data) {
        var html = $("#tbodys");
//        alert(data['pagenumber']);
        var currentPageNumber = data['pagenumbers'];
        html.empty();
        $.each(data.data, function (name, value) {
            var glbt;
            var glgs;
            var mc = "视频";
            var gid = value['GID'];
            var gs = value['GS'];
            var bt = value['BT'];
            var spdz = value['SPDZ'];
            glbt = bt.substring(0, 13);
            glgs = gs.substring(0, 18);
            var opt = $("<tr></tr>").appendTo(html);
            opt.addClass("even");
            if ($.trim(data) == "1") {
                opt.append("<td style='display: none'>" + "<a name='gid'>"+ gid +"</a>"+ "</td>" +
                    "<td style='text