URL에 추가하고 페이지 새로 고침

현재 URL에 매개 변수를 추가하고 페이지를 새로 고치는 자바 스크립트를 작성하려고합니다. 어떻게 할 수 있습니까?

이것은 작동해야합니다 (테스트되지 않았습니다!)

var url = window.location.href;    
if (url.indexOf('?') > -1){
   url += '&param=1'
}else{
   url += '?param=1'
}
window.location.href = url;

허용 된 답변보다 짧지 만 동일한 작업을 수행하지만 간단하게 유지하십시오.

window.location.search += '&param=42';

우리는 위치의 검색 속성으로 알려진 쿼리 문자열 만 전체 URL을 변경할 필요가 없습니다.

검색 속성에 값을 지정하면 브라우저에서 물음표가 자동으로 삽입되고 페이지가 다시로드됩니다.

여기에있는 대부분의 답변은 다음 스 니펫 또는 유사한 변형과 ​​같이 URL에 매개 변수를 추가해야한다는 것을 제안합니다.

location.href = location.href + "&parameter=" + value;

이것은 대부분의 경우에 아주 잘 작동합니다.

하나

내 의견으로는 URL에 매개 변수를 추가하는 올바른 방법이 아닙니다.

제안 된 접근 방식은 매개 변수가 URL에 이미 설정되어 있는지 테스트하지 않으므로주의하지 않으면 동일한 매개 변수가 여러 번 반복되는 매우 긴 URL로 끝날 수 있습니다. 즉 :

https://stackoverflow.com/?&param=1&param=1&param=1&param=1&param=1&param=1&param=1&param=1&param=1

이 시점에서 문제가 시작됩니다. 제안 된 접근 방식은 여러 페이지를 새로 고친 후 URL이 매우 길어 URL을 무효화 할 수 있습니다. 긴 URL에 대한 자세한 내용을 보려면이 링크를 따르십시오 . 다른 브라우저에서 URL의 최대 길이는 얼마입니까?

이것이 내가 제안한 접근법입니다.

function URL_add_parameter(url, param, value){
    var hash       = {};
    var parser     = document.createElement('a');

    parser.href    = url;

    var parameters = parser.search.split(/\?|&/);

    for(var i=0; i < parameters.length; i++) {
        if(!parameters[i])
            continue;

        var ary      = parameters[i].split('=');
        hash[ary[0]] = ary[1];
    }

    hash[param] = value;

    var list = [];  
    Object.keys(hash).forEach(function (key) {
        list.push(key + '=' + hash[key]);
    });

    parser.search = '?' + list.join('&');
    return parser.href;
}

이 기능을 사용하면 다음을 수행해야합니다.

location.href = URL_add_parameter(location.href, 'param', 'value');

location.href = location.href + "&parameter=" + value;

function gotoItem( item ){
    var url = window.location.href;
    var separator = (url.indexOf('?') > -1) ? "&" : "?";
    var qs = "item=" + encodeURIComponent(item);
    window.location.href = url + separator + qs;
}

더 많은 compat 버전

function gotoItem( item ){
    var url = window.location.href;    
    url += (url.indexOf('?') > -1)?"&":"?" + "item=" + encodeURIComponent(item);
    window.location.href = url;
}

아래 코드를 확인하십시오 :

/*Get current URL*/    
var _url = location.href; 
/*Check if the url already contains ?, if yes append the parameter, else add the parameter*/
_url = ( _url.indexOf('?') !== -1 ) ? _url+'&param='+value : _url+'?param='+value;
/*reload the page */
window.location.href = _url;

위의 @yeyo의 신중한 답변에 대한 하나의 작은 버그 수정.

변화:

var parameters = parser.search.split(/\?|&/);

에:

var parameters = parser.search.split(/\?|&/);

이 시도

var url = ApiUrl(`/customers`);
  if(data){
   url += '?search='+data; 
  }
  else
  { 
      url +=  `?page=${page}&per_page=${perpage}`;
  }
  console.log(url);

또한:

window.location.href += (window.location.href.indexOf('?') > -1 ? '&' : '?') + 'param=1'

Shlomi의 라이너 하나만 북마크에 사용할 수 있습니다.