Rimuovi querystring dall'URL

Qual è un modo semplice per rimuovere la stringa di query da un percorso in Javascript? Ho visto un plugin per Jquery che utilizza window.location.search. Non posso farlo: l'URL nel mio caso è una variabile impostata da AJAX.

var testURL = '/Products/List?SortDirection=dsc&Sort=price&Page=3&Page2=3&SortOrder=dsc'

Un modo semplice per ottenere questo è:

function getPathFromUrl(url) {
  return url.split("?")[0];
}

Per coloro che desiderano rimuovere anche l'hash (non parte della domanda originale) quando non esiste alcuna stringa di query , ciò richiede un po 'di più:

function stripQueryStringAndHashFromPath(url) {
  return url.split("?")[0].split("#")[0];
}

MODIFICARE

@caub (originariamente @crl) ha suggerito una combinazione più semplice che funziona sia per la stringa di query che per l'hash (sebbene utilizzi RegExp, nel caso in cui qualcuno abbia un problema):

function getPathFromUrl(url) {
  return url.split(/[?#]/)[0];
}

2 ° aggiornamento: nel tentativo di fornire una risposta completa, sto confrontando i tre metodi proposti nelle varie risposte.

var testURL = '/Products/List?SortDirection=dsc&Sort=price&Page=3&Page2=3';
var i;

// Testing the substring method
i = 0;
console.time('10k substring');
while (i < 10000) {
    testURL.substring(0, testURL.indexOf('?'));
    i++;
}
console.timeEnd('10k substring');

// Testing the split method
i = 0;
console.time('10k split');
while (i < 10000) {
    testURL.split('?')[0]; 
    i++;
}
console.timeEnd('10k split');

// Testing the RegEx method
i = 0;
var re = new RegExp("[^?]+");
console.time('10k regex');
while (i < 10000) {
    testURL.match(re)[0]; 
    i++;
}
console.timeEnd('10k regex');

Risultati in Firefox 3.5.8 su Mac OS X 10.6.2:

10k substring:  16ms
10k split:      25ms
10k regex:      44ms

Risultati in Chrome 5.0.307.11 su Mac OS X 10.6.2:

10k substring:  14ms
10k split:      20ms
10k regex:      15ms

Si noti che il metodo di sottostringa ha una funzionalità inferiore poiché restituisce una stringa vuota se l'URL non contiene una stringa di query. Gli altri due metodi restituiscono l'URL completo, come previsto. Tuttavia è interessante notare che il metodo di sottostringa è il più veloce, specialmente in Firefox.

1 ° AGGIORNAMENTO: In realtà il metodo split () suggerito da Robusto è una soluzione migliore di quella che ho suggerito in precedenza, poiché funzionerà anche quando non c'è querystring:

var testURL = '/Products/List?SortDirection=dsc&Sort=price&Page=3&Page2=3';
testURL.split('?')[0];    // Returns: "/Products/List"

var testURL2 = '/Products/List';
testURL2.split('?')[0];    // Returns: "/Products/List"

Risposta originale:

var testURL = '/Products/List?SortDirection=dsc&Sort=price&Page=3&Page2=3';
testURL.substring(0, testURL.indexOf('?'));    // Returns: "/Products/List"

Questa potrebbe essere una vecchia domanda ma ho provato questo metodo per rimuovere i parametri della query. Sembra funzionare senza problemi per me dato che avevo bisogno di una ricarica e combinato con la rimozione dei parametri della query.

window.location.href = window.location.origin + window.location.pathname;

Anche dal momento che sto usando una semplice operazione di aggiunta di stringa, immagino che le prestazioni saranno buone. Ma vale ancora la pena confrontare con i frammenti in questa risposta

Un modo semplice è che puoi fare come segue

public static String stripQueryStringAndHashFromPath(String uri) {
 return uri.replaceAll(("(\\?.*|\\#.*)"), "");
}

Se ti piace RegEx ....

var newURL = testURL.match(new RegExp("[^?]+"))

var path = "path/to/myfile.png?foo=bar#hash";

console.log(
    path.replace(/(\?.*)|(#.*)/g, "")
);

Se si utilizza backbone.js (che contiene url anchorcome route), query stringpotrebbe essere visualizzato l' URL :

1. prima url anchor:

   var url = 'http://example.com?a=1&b=3#routepath/subpath';

2. dopo url anchor:

   var url = 'http://example.com#routepath/subpath?a=1&b=3';

Soluzione:

window.location.href.replace(window.location.search, '');
// run as: 'http://example.com#routepath/subpath?a=1&b=3'.replace('?a=1&b=3', '');

Un approccio che utilizza lo standard URL:

/**
 * @param {string} path - A path starting with "/"
 * @return {string}
 */
function getPathname(path) {
  return new URL(`http://_${path}`).pathname
}

getPathname('/foo/bar?cat=5') // /foo/bar

Se devi eseguire operazioni complesse su URL, puoi dare un'occhiata al plug-in del parser di url jQuery .

(() => {
        'use strict';
        const needle = 'SortOrder|Page'; // example
        if ( needle === '' || needle === '{{1}}' ) { 
            return; 
        }           
        const needles = needle.split(/\s*\|\s*/);
        const querystripper = ev => {
                    if (ev) { window.removeEventListener(ev.type, querystripper, true);}
                    try {
                          const url = new URL(location.href);
                          const params = new URLSearchParams(url.search.slice(1));
                          for (const needleremover of needles) {
                                if (params.has(needleremover)) {
                                url.searchParams.delete(needleremover);
                                    window.location.href = url;
                            }
                          }     
                    } catch (ex) { }
        };          
        if (document.readyState === 'loading') {
                 window.addEventListener('DOMContentLoaded', querystripper, true);
        } else {
                 querystripper();
        }
})();

È così che l'ho fatto, ha anche il supporto RegEx.