Question

我试图将一个参数添加到网址 - 但有一些问题。

对于大多数我的网址看起来像这样：

/products/Cables/Network-CAT-cables

然后我有三个按钮，在url的末尾添加一个参数 - 每个按钮都替换最后添加的参数。它的工作原理如下：

Click 1: /products/Cables/Network-CAT-cables?param=list
Click 2: /products/Cables/Network-CAT-cables?param=grid
Click 2: /products/Cables/Network-CAT-cables?param=compactlist

我可以根据需要进行替换 - 这些可以控制我产品的不同布局。我还编写了一个过滤器，当我在已经添加的参数之后使用广告参数时，脚本确保当我更改布局时，filter参数仍然在我的layout参数之后，如下所示：

/products/Cables/Network-CAT-cables?param=list&fss=Cat5-

我遇到的问题是我使用的系统有一个内置的过滤器 - 如果使用它我的脚本添加参数不起作用。

该网址将如下所示：

/products/Cables/Network-CAT-cables?searchtrack=Parameter+search&amp;sps=d211av450240_2.0d&amp;cat1id=11&amp;cat2id=923&amp;pricesort=false&amp;instock=true

然后我需要我的按钮上的脚本在最后添加布局参数，如果url regarldess所以它看起来像这样：

/products/Cables/Network-CAT-cables?searchtrack=Parameter+search&amp;sps=d211av450240_2.0d&amp;cat1id=11&amp;cat2id=923&amp;pricesort=false&amp;instock=true&param=list

我使用的脚本（我的三个按钮有三个不同的类）

$('.click5').on('click', function() {
console.log("Clicked");
var baseUrl = window.location.href.split("?")[0];
var fss = getParametersByName("fss");
var params = getParametersByName("param");
if(params == "grid") param = "grid"; else param = "grid";
var newUrl = baseUrl+"?param="+param;
if((fss).length>0) newUrl = newUrl+"&fss="+fss;
window.location.href=newUrl;
function getParametersByName(name) { name = name.replace(/[[]/, "\    [").replace(/[]]/, "\]"); var regex = new RegExp("[\\?&]" + name + "=([^&#]*)"), results = regex.exec(location.search); return results === null ? "" : decodeURIComponent(results[1].replace(/\+/g, " ")); } 
});

Answer 1

步骤可以是：

1.首先解析网址并将除param和fss以外的所有参数复制到新网址

2.然后在新网址的末尾添加param和fss。

$('.click5').on('click', function() {
    console.log("Clicked");

    var urlParts = window.location.href.split("?");
    var baseUrl = urlParts[0];
    var parameters = urlParts[1].split("&");
    var newUrl = baseUrl + '?';

    // 1. step - copy all parameters except param and fss
    var i = 0;
    while (i < parameters.length) {
        var kvp = parameters[i];
        var arr = kvp.split("=");

        var name = arr[0];
        var value = arr[1];

        if (name != 'param' && name != 'fss') {
            newUrl = newUrl.appendUrlParam(kvp);
        }
        i++;
    }

    // 2. step - append the param and fss to newUrl
});

String.prototype.endsWith = function(suffix) {
    return this.indexOf(suffix, this.length - suffix.length) !== -1;
};

String.prototype.appendUrlParam = function(kvp) {
    if (this.endsWith("?") || this.endsWith("&")) {
        return this + kvp;
    }
    else if (this.indexOf("?") > 0) {
        return this + "&" + kvp;
    }
    else {
        return this + "?" + kvp;
    }
};

为网址添加参数 - 根据现有参数的不同而不同。

1 个答案: