Sayfayı yenilemeden URL parametrelerini kaldırın

"?" İşaretinden sonraki her şeyi kaldırmaya çalışıyorum. tarayıcı url'sinde belge hazır.

İşte denediğim şey:

jQuery(document).ready(function($) {

var url = window.location.href;
    url = url.split('?')[0];
});

Bunu yapabilirim ve aşağıdaki çalıştığını görebilirim:

jQuery(document).ready(function($) {

var url = window.location.href;
    alert(url.split('?')[0]);
});

TL; DR

1- Mevcut URL'yi değiştirmek ve onu (yeni değiştirilmiş URL) geçmiş listesine yeni bir URL girişi olarak eklemek / enjekte etmek için kullanın :pushState

window.history.pushState({}, document.title, "/" + "my-new-url.html");

2- Mevcut URL'yi geçmiş girişlerine eklemeden değiştirmek için şunu kullanın :replaceState

window.history.replaceState({}, document.title, "/" + "my-new-url.html");

3- bağlı sizin üzerinde iş mantığı , pushStategibi durumlarda yararlı olacaktır:

• tarayıcının geri düğmesini desteklemek istiyorsunuz

• Eğer istediğiniz oluşturmak bir yeni , URL eklemek / insert / itme yeni URL'yi için tarih girdileri ve geçerli URL yapmak

• kullanıcıların sayfayı aynı parametrelerle işaretlemesine izin verme (aynı içeriği göstermek için)

• programlı için erişmek verileri ile stateObjdaha sonra çapa gelen ayrıştırmak

Yorumunuzdan anladığım gibi, tekrar yönlendirme yapmadan URL'nizi temizlemek istiyorsunuz.

Tüm URL'yi değiştiremeyeceğinizi unutmayın. Alan adından sonra gelenleri değiştirebilirsiniz. Bu, değiştiremeyeceğiniz anlamına gelir, www.example.com/ancak sonra gelenleri değiştirebilirsiniz.com/

www.example.com/old-page-name => can become =>  www.example.com/myNewPaage20180322.php

Arka fon

Kullanabiliriz:

1- Geçmiş girişlerine yeni bir değiştirilmiş URL eklemek istiyorsanız pushState () yöntemi .

2- Geçerli geçmiş girişini güncellemek / değiştirmek istiyorsanız replaceState () yöntemi .

.replaceState()yeni bir giriş oluşturmak yerine geçerli geçmiş girişini değiştirmesi.pushState() dışında tam olarak aynı şekilde çalışır . Bunun, genel tarayıcı geçmişinde yeni bir girişin oluşturulmasını engellemediğini unutmayın..replaceState()

Kodu

Bunu yapmak için, bu örnek için aşağıdaki biçime benzer şekilde çalışan pushState () yöntemini kullanacağım :

var myNewURL = "my-new-URL.php";//the new URL
window.history.pushState("object or string", "Title", "/" + myNewURL );

Yerine çekinmeyin pushStateile replaceStategereksinimlere dayalı.

Sen Paramtre yerini alabilir "object or string"ile {}ve "Title"ile document.titlenihai statment olacak böylece:

window.history.pushState({}, document.title, "/" + myNewURL );

Sonuçlar

Önceki iki kod satırı aşağıdaki gibi bir URL oluşturacaktır:

https://domain.tld/some/randome/url/which/will/be/deleted/

Olmak:

https://domain.tld/my-new-url.php

Aksiyon

Şimdi farklı bir yaklaşım deneyelim. Dosyanın adını tutman gerektiğini söyle. Dosya adı sondan sonra /ve sorgu dizesinden önce gelir ?.

http://www.someDomain.com/really/long/address/keepThisLastOne.php?name=john

Olacak:

http://www.someDomain.com/keepThisLastOne.php

Bunun gibi bir şey onu çalıştıracak:

 //fetch new URL
 //refineURL() gives you the freedom to alter the URL string based on your needs. 
var myNewURL = refineURL();

//here you pass the new URL extension you want to appear after the domains '/'. Note that the previous identifiers or "query string" will be replaced. 
window.history.pushState("object or string", "Title", "/" + myNewURL );


//Helper function to extract the URL between the last '/' and before '?' 
//If URL is www.example.com/one/two/file.php?user=55 this function will return 'file.php' 
 //pseudo code: edit to match your URL settings  

   function refineURL()
{
    //get full URL
    var currURL= window.location.href; //get current address
    
    //Get the URL between what's after '/' and befor '?' 
    //1- get URL after'/'
    var afterDomain= currURL.substring(currURL.lastIndexOf('/') + 1);
    //2- get the part before '?'
    var beforeQueryString= afterDomain.split("?")[0];  
 
    return beforeQueryString;     
}

GÜNCELLEME:

Bir astar hayranı için bunu konsolunuzda / firebug'ınızda deneyin ve bu sayfanın URL'si değişecektir:

    window.history.pushState("object or string", "Title", "/"+window.location.href.substring(window.location.href.lastIndexOf('/') + 1).split("?")[0]);

Bu sayfanın URL'si şundan değişecek:

http://stackoverflow.com/questions/22753052/remove-url-parameters-without-refreshing-page/22753103#22753103

İçin

http://stackoverflow.com/22753103#22753103

Not: olarak Samuel Liew Aşağıdaki açıklamalarda gösterilmiş, bu özellik yalnızca tanıtıldı HTML5.

Alternatif bir yaklaşım, sayfanızı gerçekten yeniden yönlendirmektir (ancak "?" Sorgu dizesini kaybedeceksiniz, yine de gerekli mi veya veriler işlendi mi?).

window.location.href =  window.location.href.split("?")[0]; //"http://www.newurl.com";

Not 2:

Firefox window.history.pushState({}, document.title, '');, son bağımsız değişken boş bir dize olduğunda görmezden geliyor gibi görünüyor . Eğik çizgi ( '/') eklemek beklendiği gibi çalıştı ve url dizesinin tüm sorgu bölümünü kaldırdı. Chrome, boş bir dizeyle iyi görünüyor.

Bunların hepsi yanıltıcıdır, tek bir sayfalık uygulamada farklı bir sayfaya gitmek istemediğiniz sürece tarayıcı geçmişine asla eklemek istemezsiniz. Sayfada değişiklik yapmadan parametreleri kaldırmak istiyorsanız, şunları kullanmalısınız:

window.history.replaceState(null, null, window.location.pathname);

bunu yapmanın basit bir yolu, herhangi bir sayfada çalışır, HTML 5 gerektirir

// get the string following the ?
var query = window.location.search.substring(1)

// is there anything there ?
if(query.length) {
   // are the new history methods available ?
   if(window.history != undefined && window.history.pushState != undefined) {
        // if pushstate exists, add a new state to the history, this changes the url without reloading the page

        window.history.pushState({}, document.title, window.location.pathname);
   }
}

Bunun için en iyi ve en basit yöntemin olduğuna inanıyorum:

var newURL = location.href.split("?")[0];
window.history.pushState('object', document.title, newURL);

URL’min sonunda şu gibi özel bir etiketim varsa: http://domain.com/?tag=12345 URL’de her sunulduğunda bu etiketi kaldırmak için aşağıdaki kod:

<script>
// Remove URL Tag Parameter from Address Bar
if (window.parent.location.href.match(/tag=/)){
    if (typeof (history.pushState) != "undefined") {
        var obj = { Title: document.title, Url: window.parent.location.pathname };
        history.pushState(obj, obj.Title, obj.Url);
    } else {
        window.parent.location = window.parent.location.pathname;
    }
}
</script>

Bu, bir veya daha fazla (veya tüm) parametrenin URL'den kaldırılması fikrini verir.

Window.location.pathname ile temelde her şeyi '?' url'de.

var yol adı = pencere.konum.pathname; // Yalnızca yolu döndürür

var url = window.location.href; // Tam URL'yi döndürür

Yalnızca bir parametreyi kaldırmak istedim success. Bunu şu şekilde yapabilirsiniz:

let params = new URLSearchParams(location.search)
params.delete('success')
history.replaceState(null, '', '?' + params + location.hash)

Bu da devam ediyor #hash.

URLSearchParamsIE üzerinde çalışmayacak, ancak Edge için çalışılıyor . Şunları yapabilirsiniz Bir polyfill kullanmak veya IE-destek için bir naif yardımcı işlevi kullanabilirsiniz:

function take_param(key) {
    var params = new Map(location.search.slice(1).split('&')
        .map(function(p) { return p.split(/=(.*)/) }))   
    var value = params.get(key)
    params.delete(key)
    var search = Array.from(params.entries()).map(
        function(v){ return v[0]+'='+v[1] }).join('&')
    return {search: search ? '?' + search : '', value: value}
}

Bu şu şekilde kullanılabilir:

history.replaceState(
    null, '', take_param('success').search + location.hash)

Daha iyi çözüm:

window.history.pushState(null, null, window.location.pathname);

Bu çözümlerden hiçbiri benim için gerçekten işe yaramadı, işte birden fazla parametreyi de kaldırabilen IE11 uyumlu bir işlev:

/**
* Removes URL parameters
* @param removeParams - param array
*/
function removeURLParameters(removeParams) {
  const deleteRegex = new RegExp(removeParams.join('=|') + '=')

  const params = location.search.slice(1).split('&')
  let search = []
  for (let i = 0; i < params.length; i++) if (deleteRegex.test(params[i]) === false) search.push(params[i])

  window.history.replaceState({}, document.title, location.pathname + (search.length ? '?' + search.join('&') : '') + location.hash)
}

removeURLParameters(['param1', 'param2'])

//Joraid code is working but i altered as below. it will work if your URL contain "?" mark or not
//replace URL in browser
if(window.location.href.indexOf("?") > -1) {
    var newUrl = refineUrl();
    window.history.pushState("object or string", "Title", "/"+newUrl );
}

function refineUrl()
{
    //get full url
    var url = window.location.href;
    //get url after/  
    var value = url = url.slice( 0, url.indexOf('?') );
    //get the part after before ?
    value  = value.replace('@System.Web.Configuration.WebConfigurationManager.AppSettings["BaseURL"]','');  
    return value;     
}

Sayfayı yenilemeden tüm parametreleri temizlemek için VE HTML5 kullanıyorsanız, bunu yapabilirsiniz:

history.pushState({}, '', 'index.html' ); //replace 'index.html' with whatever your page name is

Bu, tarayıcı geçmişine bir giriş ekleyecektir. replaceStateYeni bir giriş eklemek istemeyeceğinizi ve yalnızca eski girişi değiştirmek isteyip istemediğinizi de düşünebilirsiniz .

Jquery'de <

window.location.href =  window.location.href.split("?")[0]

Burada, konum karmasını koruyan ve aşağıdakileri kullanarak tarayıcı geçmişini kirletmeyen bir ES6 tek astarı replaceState:

(l=>{window.history.replaceState({},'',l.pathname+l.hash)})(location)

tek hatlı çözüm:

history.replaceState && history.replaceState(
  null, '', location.pathname + location.search.replace(/[\?&]my_parameter=[^&]+/, '').replace(/^&/, '?')
);

kredi: https://gist.github.com/simonw/9445b8c24ddfcbb856ec