首頁猿問如何添加或更新查詢字符串參數(shù)？

如何添加或更新查詢字符串參數(shù)？

JavaScript JQuery

瀟湘沐 2019-06-19 17:14:38

如何添加或更新查詢字符串參數(shù)？對于javascript，如果不存在，如何將查詢字符串參數(shù)添加到url，或者如果存在，則更新當前值？我正在使用jQuery進行客戶端開發(fā)。

查看完整描述

3 回答

楊魅力

TA貢獻1811條經驗獲得超6個贊

我編寫了以下功能，實現(xiàn)了我想要實現(xiàn)的目標：

function updateQueryStringParameter(uri, key, value) {
  var re = new RegExp("([?&])" + key + "=.*?(&|$)", "i");
  var separator = uri.indexOf('?') !== -1 ? "&" : "?";
  if (uri.match(re)) {
    return uri.replace(re, '$1' + key + "=" + value + '$2');
  }
  else {
    return uri + separator + key + "=" + value;
  }}

反對回復 2019-06-19

米脂

TA貢獻1836條經驗獲得超3個贊

我擴展了這個解決方案，并將它與另一個我發(fā)現(xiàn)的替換/更新/刪除基于用戶輸入并考慮URL錨點的querystring參數(shù)組合起來。

不提供值將移除參數(shù)，提供值將添加/更新參數(shù)。如果沒有提供URL，就會從window.Location抓取它。

function UpdateQueryString(key, value, url) {
    if (!url) url = window.location.href;
    var re = new RegExp("([?&])" + key + "=.*?(&|#|$)(.*)", "gi"),
        hash;

    if (re.test(url)) {
        if (typeof value !== 'undefined' && value !== null)
            return url.replace(re, '$1' + key + "=" + value + '$2$3');
        else {
            hash = url.split('#');
            url = hash[0].replace(re, '$1$3').replace(/(&|\?)$/, '');
            if (typeof hash[1] !== 'undefined' && hash[1] !== null) 
                url += '#' + hash[1];
            return url;
        }
    }
    else {
        if (typeof value !== 'undefined' && value !== null) {
            var separator = url.indexOf('?') !== -1 ? '&' : '?';
            hash = url.split('#');
            url = hash[0] + separator + key + '=' + value;
            if (typeof hash[1] !== 'undefined' && hash[1] !== null) 
                url += '#' + hash[1];
            return url;
        }
        else
            return url;
    }}

反對回復 2019-06-19