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年9月12日

1、本站所有資源均不添加推廣檔案或浮水印,壓縮包內若有廣告檔案和浮水印請勿輕易相信。

2、本站資源均為兩層壓縮,第一層7z(尾碼若為wys,請自行修改為7z)有解壓密碼; 第二層zip或cbz,無解壓密碼,可直接使用漫畫類軟件程式查看; 詳情可參攷解壓教程

3、本站大部分內容均收集於網絡! 若內容侵犯到您的權益,請發送郵件至:admin#wysacg.top我們將第一時間處理! 資源所需價格並非資源售賣價格,是收集、整理、編輯詳情以及本站運營的適當補貼,並且本站不提供任何免費技術支援。 所有資源僅限於參攷和學習,版權歸原作者所有!

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

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

2022-9-12 13:59:33

建站教程

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

2022-9-12 17:02:10

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