当前位置:首页文章笔记建站教程jQuery获取url并替换url参数(有则替换,没有则增加)

jQuery获取url并替换url参数(有则替换,没有则增加)

我们在做网站的多条件筛选功能时,经常需要通过获取 URL 里的参数值进行查询。在多条件筛选时,有多个参数值,不同的选择将传递不同的参数,这时我们需要进行参数的判断,如果 URL 有对应的参数就替换新值,如果没有就增加这个参数。

通过 JQUERY 获取 url 并替换 url 参数的方法就可以使用以下的代码来实现:

  1. <script>
  2. var url = document.location.href; //当前url
  3. function getUrlParam(name) {
  4. var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); //构造一个含有目标参数的正则表达式对象
  5. var r = window.location.search.substr(1).match(reg); //匹配目标参数
  6. if (r != null) return decodeURI(r[2]); return null; //返回参数值
  7. }
  8. jQuery(‘.nyhousescreenB a’).on(‘click’,function () {
  9. //需要在HTML的a标签上加data-key="tese" data-value="’.$value.’"
  10. var name= this.dataset.key;
  11. var vals = this.dataset.value;
  12. var par = name+‘=’+vals;
  13. if (getUrlParam(name) == null)
  14. location.href = url + (url.indexOf("?") > 0 ? "&" : "?") + par;
  15. else
  16. location.href = url.replace(eval(‘/(‘ + name + ‘=)([^&]*)/gi’), par);
  17. });
  18. </script>
温馨提示:

文章标题:jQuery获取url并替换url参数(有则替换,没有则增加)

文章链接:https://www.wuyanshuo.cn/1302.html

更新时间:2022年09月12日

本站大部分内容均收集于网络!若内容若侵犯到您的权益,请发送邮件至:service@wuyanshuo.cn我们将第一时间处理! 资源所需价格并非资源售卖价格,是收集、整理、编辑详情以及本站运营的适当补贴,并且本站不提供任何免费技术支持。 所有资源仅限于参考和学习,版权归原作者所有,更多请阅读无言说网络服务协议

给TA打赏
共{{data.count}}人
人已打赏
建站教程

WordPress 如何在前端添加一个wp_editor编辑器带图片上传却不弹出媒体库

2022-9-12 13:59:33

建站教程

WordPress网站实现点击加载下一页文章列表

2022-9-12 17:02:10

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索
'