Поиск и замена определенного значения параметра строки запроса в JavaScript

Question

У меня есть строка, которая выглядит примерно так:

a_href= "www.google.com/test_ref=abc";

Мне нужно найти test_ref = abc в этой строке и заменить ее новым значением

var updated_test_ref = "xyz";

a_href ="www.google.com/test_ref=updated_test_ref" 

, т. Е.

www.google.com/test_ref=xyz.

Как мы можем это сделать?

РЕДАКТИРОВАТЬ:

Значение test_ref может быть URL-ссылкой само по себе что-то вроде http://google.com? Param1 = test1¶м2 = test2 .Мне нужно захватить полную стоимость не до первого &.

Answer 1

a_href = a_href.replace(/(test_ref=)[^\&]+/, '$1' + updated_test_ref);

Answer 2

Основываясь на этом обсуждении, я исправил функцию Криса (проблема со строкой регулярного выражения!)

function updateUrlParameter(url, param, value){
    var regex = new RegExp('('+param+'=)[^\&]+');
    return url.replace( regex , '$1' + value);
}

Answer 3

На основе этого обсуждения я создал функцию ссылок.наслаждайся

updateUrlParameter(url, param, value){
    var regex = new RegExp("/([?|&]" + param + "=)[^\&]+/");
    return url.replace(regex, '$1' + value);
}

Answer 4

Я знаю, что это немного грязный код, но я добился того, что искал.Он заменяет заданную строку запроса или добавляет новую, если она еще не существует.

function updateUrlParameter(url, param, value) {

    var index = url.indexOf("?");

    if (index > 0) {

        var u = url.substring(index + 1).split("&");

        var params = new Array(u.length);

        var p;
        var found = false;

        for (var i = 0; i < u.length; i++) {
            params[i] = u[i].split("=");
            if (params[i][0] === param) {
                params[i][1] = value;
                found = true;
            }
        }

        if (!found) {
            params.push(new Array(2));
            params[params.length - 1][0] = param;
            params[params.length - 1][1] = value;
        }

        var res = url.substring(0, index + 1) + params[0][0] + "=" + params[0][1];
        for (var i = 1; i < params.length; i++) {
            res += "&" + params[i][0] + "=" + params[i][1];
        }
        return res;

    } else {
        return url + "?" + param + "=" + value;
    }

}

Это будет работать при наличии обычных URL-адресов, таких как:

updateUrlParameter('https://www.example.com/some.aspx?mid=1&id=2','id','5');
updateUrlParameter('https://www.example.com/?mid=1&id=2','id','5');
updateUrlParameter('https://www.example.com/some.aspx','id','5');

Пожалуйстаnote Это НЕ будет работать, только если любое из имени или значения параметра строки запроса содержит символы "=" и / или "&".После этого все будет хорошо работать.

Answer 5

Я искал это решение в течение нескольких часов и, наконец, наткнулся на этот вопрос.Я перепробовал все решения здесь.Но все еще существует проблема при замене определенного значения параметра в URL.Давайте возьмем пример URL-адреса, например

http://google.com?param1=test1&param2=test2&anotherparam1=test3

, а обновленный URL-адрес должен быть похож на

http://google.com?param1=newtest&param2=test2&anotherparam1=test3, где значение param1 изменяется.

В этом случае, как указывало @ Panthro , добавление [?|&] перед строкой запроса гарантирует, что anotherparam1 не будет заменено.Но это решение также добавляет «?»или символ '&' для соответствующей строки.Таким образом, при замене совпавших символов, «?»или '&' также будет заменено.Вы не будете точно знать, какой символ заменен, поэтому вы также не можете добавить этот символ.

Решение состоит в том, чтобы соответствовать '?'или '&' только в качестве предыдущих символов.

Я переписал функцию @ Chris , исправив проблему со строкой, и добавил аргумент без учета регистра.

updateUrlParameter(url, param, value){
    var regex = new RegExp('(?<=[?|&])(' + param + '=)[^\&]+', 'i');
    // return url.replace(regex, param + '=$1' + value);
    return url.replace(regex, param + '=' + value);
}

Здесь (?<=[?|&]) означает, что регулярное выражение будет соответствовать '?'или '&' char и возьмет строку, которая появляется после указанного символа (смотрит за символом).Это означает, что только подстрока param1=test1 будет сопоставлена ​​и заменена.

Answer 6

* Код Java-скрипта для поиска конкретной строки запроса и замены ее значения *

('input.letter').click(function () {
                //0- prepare values
                var qsTargeted = 'letter=' + this.value; //"letter=A";
                var windowUrl = '';
                var qskey = qsTargeted.split('=')[0];
                var qsvalue = qsTargeted.split('=')[1];
                //1- get row url
                var originalURL = window.location.href;
                //2- get query string part, and url
                if (originalURL.split('?').length > 1) //qs is exists
                {
                    windowUrl = originalURL.split('?')[0];
                    var qs = originalURL.split('?')[1];
                    //3- get list of query strings
                    var qsArray = qs.split('&');
                    var flag = false;
                    //4- try to find query string key
                    for (var i = 0; i < qsArray.length; i++) {
                        if (qsArray[i].split('=').length > 0) {
                            if (qskey == qsArray[i].split('=')[0]) {
                                //exists key
                                qsArray[i] = qskey + '=' + qsvalue;
                                flag = true;
                                break;
                            }
                        }
                    }
                    if (!flag)//   //5- if exists modify,else add
                    {
                        qsArray.push(qsTargeted);
                    }
                    var finalQs = qsArray.join('&');
                    //6- prepare final url
                    window.location = windowUrl + '?' + finalQs;
                }
                else {
                    //6- prepare final url
                    //add query string
                    window.location = originalURL + '?' + qsTargeted;
                }
            })
        });