[JavaScript知识库]jq翻页功能的url替换，上一页下一页页面跳转时候的参数问题

    // 上下翻页的功能
    //prev
    // next
    // 上一页
    $(".prev").on("click", item => {
        let max_page = $("#maxpage").val()
        //     当前页码。
        let page = getUrlParam('page');

        if (page > 1) {
            page--;
            reLoad('page',page);
        } else {
            alert("已经是第一页了")
        }

    });
    // 下一页
    $(".next").on("click", item => {
        let max_page = $("#maxpage").val()
        //     当前页码。
        let page = getUrlParam('page');

        if (page < max_page) {
            page++;
            reLoad('page',page);
        } else {
            alert("已经是最后一页了")
        }
    });

    //获取url中的参数
    function getUrlParam(name) {
        var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); //构造一个含有目标参数的正则表达式对象
        var r = window.location.search.substr(1).match(reg);  //匹配目标参数
        if (r != null) return unescape(r[2]);
        return null; //返回参数值

    }

    function reLoad(p, v) {
        var url = window.location.href;
        var par = p + "=" + v;
        if (getUrlParam(p) == null)
            location.href = url + (url.indexOf("?") > 0 ? "&" : "?") + par;
        else
            location.href = url.replace(eval('/(' + p + '=)([^&]*)/gi'), par);
    }

阅读世界，共赴山海

423全民读书节，邀你共读