如何使用jQuery删除Click事件上的参数并更改现有参数的值
HTML代码:
jQuery与PHP CODE相关
$(".paginationSize li").click(function(){ $(".active").removeClass("active"); $(this).addClass("active"); paginationSize = $(this).attr("data-paginationValue"); setGetParameter('pageSize',paginationSize); });
setGetParameter函数 – 用于在click事件上追加参数
function setGetParameter(paramName, paramValue) { var url = window.location.href; var hash = location.hash; url = url.replace(hash, ''); if (url.indexOf(paramName + "=") >= 0) { var prefix = url.substring(0, url.indexOf(paramName)); var suffix = url.substring(url.indexOf(paramName)); suffix = suffix.substring(suffix.indexOf("=") + 1); suffix = (suffix.indexOf("&") >= 0) ? suffix.substring(suffix.indexOf("&")) : ""; url = prefix + paramName + "=" + paramValue + suffix; } else { if (url.indexOf("?") < 0) url += "?" + paramName + "=" + paramValue; else url += "&" + paramName + "=" + paramValue; } console.log(url); window.location.href = url + hash; }
我想在ul的Click事件上添加参数但是当我点击paginationSize ul它应该从URL中删除paginationNumber参数并更新值,无论点击paginationSize URL
预期产出 :
Previous Link Before Click:localhost/projectname?paginationSize=20&pageNum=5 When I click on 40 it should have following output:localhost/projectname?paginationSize=40
提前致谢