2

Это изменение GET параметров в url

Дело в том что при нажатии на name ulr = index?sort=name, а по нажатию на nums ulr = index?sort=nums, но нужно чтобы результат был таким ulr = index?sort=name&sort=nums

<a onclick="return setAttr('sort','name')">по name</a>
<a onclick="return setAttr('sort','nums')">по nums</a>
<script>
function setAttr(prmName,val){
    var res = '';
    var d = location.href.split("#")[0].split("?");
    var base = d[0];
    var query = d[1];
    if(query) {
        var params = query.split("&");
        for(var i = 0; i < params.length; i++) {
            var keyval = params[i].split("=");
            if(keyval[0] != prmName) {
                res += params[i] + '&';
            }
        }
    }
    res += prmName + '=' + val;
    window.history.pushState(null, null, base + '?' + res);
    return false;
}
</script>
2
  • if(keyval[0] !== prmName && keyval[1] !== val)
    – vp_arth
    21 апр 2017 в 19:58
  • @vp_arth попробовал ваш вариант, все равно меняет а не добавляет 21 апр 2017 в 20:19

2 ответа 2

2

Я в комментах ошибся немножко:

if(keyval[0] != prmName || keyval[1] != val) {
   res += params[i] + '&';
}

Fiddle


Можно добавить проверку наличия текущего значения и убирать его:

if(keyval[0] == prmName && keyval[1] == val) {
   exists = true;
} else ...

А потом проверять и не добавлять этот параметр.

Fiddle

5
  • спасибо за ответ, все работает!! 21 апр 2017 в 20:52
  • только вот есть один вопрос, а можно реализовать удаление, допусти что нажатие производится на checkbox 21 апр 2017 в 20:55
  • может нужно при повторном нажатии проверить существует ли, если нет то убрать, подскажите как можно сделать, просто в javascript пока что не силен 21 апр 2017 в 21:04
  • нужно изучать.. Задача не такая простая, как кажется на первый взгляд. Лучше всего - корректно разбирать query в объект, модифицировать его и затем собирать заново...
    – vp_arth
    21 апр 2017 в 21:11
  • @harbor, не пропустите обновление в ответе, скорее всего оно решает вашу задачу.
    – vp_arth
    21 апр 2017 в 21:38
2

Вот так можно попробовать:

function setAttr(prmName, val) {
  var el = prmName + '=' + val;
  var res = '';
  var d = location.href.split("#")[0].split("?");
  var base = d[0];
  var query = d[1];

  if (query) {
    var params = query.split("&");
    for (var i = 0; i < params.length; i++) {      
      if (params.includes(el)) {
        console.log('Значение уже содержится');
        //console.log(location.href);
        return false;
      }else{
        res += params[i] + '&';
      }
    }
  }
  res += el;
  window.history.pushState(null, null, base + '?' + res);
  console.log(base + '?' + res);
  return false;
}
<a onclick="return setAttr('qsort','name')">qsort name</a>
<a onclick="return setAttr('sort','name')">sort name</a>
<a onclick="return setAttr('sort','nums')">sort nums</a>

В условии проверим наличие такого элемента с ключом и значением в массиве параметров params.

1
  • у вас определяет что значение уже содержится, можно удалить его допустим через unset? 21 апр 2017 в 21:19

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.