单击按钮时使用jquery函数递增查询字符串参数

时间:2014-01-19 18:07:05

标签: javascript jquery query-string

我正在创建一个下一页系统,您可以在其中单击“下一步”,它会将您带到下一组元素。

这是php中的按钮:

    <input id="nextbtn" type="button" value="Next"></input>

这是jquery函数:

$('#nextbtn').click(function(){

});

网址为:www.domain.com?var1=0&var2=20

每次点击“下一步”按钮时,我想将var1var2增加20。 请告诉我我应该在jquery函数中编写的代码,以便这样做。

1 个答案:

答案 0 :(得分:1)

您可以获取查询字符串当前值:

function getQueryStringParameterByName(name) {
    name = name.replace(/[\[]/, "\\\[").replace(/[\]]/, "\\\]");
    var regex = new RegExp("[\\?&]" + name + "=([^&#]*)"),
        results = regex.exec(location.search);
    return results == null ? "" : decodeURIComponent(results[1].replace(/\+/g, " "));
}

现在在下一个按钮点击中调用此函数并添加增量值:

var var1 = parseInt(getQueryStringParameterByName('var1'),10)+20;
var var2 = parseInt(getQueryStringParameterByName('var2'),10)+20;

并将其设置为url并重定向。