WordPress教程

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

也想出现在这里?联系我们
创客云

我们在做网站的多条件筛选功能时,经常需要通过获取 URL 里的参数值进行查询。在多条件筛选时,有多个参数值,不同的选择将传递不同的参数,这时我们需要进行参数的判断,如果 URL 有对应的参数就替换新值,如果没有就增加这个参数。
jQuery获取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.  
  9. jQuery('.nyhousescreenB a').on('click',function () {
  10. //需要在HTML的a标签上加data-key="tese" data-value="'.$value.'"
  11. var name= this.dataset.key;
  12. var vals = this.dataset.value;
  13. var par = name+'='+vals;
  14. if (getUrlParam(name) == null)
  15. location.href = url + (url.indexOf("?") > 0 ? "&" : "?") + par;
  16. else
  17. location.href = url.replace(eval('/(' + name + '=)([^&]*)/gi'), par);
  18. });
  19.  
  20. </script>
也想出现在这里?联系我们
创客主机
资源下载此资源下载价格为5立即购买,VIP 免费

收藏
(0)

本文由 云模板 作者:PetitQ 发表,转载请注明来源!

也想出现在这里?联系我们
创客主机

发表回复

热销模板

Hub - 响应式可视化编辑企业官网WordPress汉化模板

Envato

本站承接 WordPress / PbootCMS / DedeCMS 等
系统建站、仿站、开发、定制等业务!

请扫码添加QQ好友后咨询!