Entfernen Sie den Querystring aus der URL

Was ist eine einfache Möglichkeit, den Querystring aus einem Pfad in Javascript zu entfernen? Ich habe ein Plugin für Jquery gesehen, das window.location.search verwendet. Das kann ich nicht: Die URL ist in meinem Fall eine Variable, die von AJAX festgelegt wird.

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

Ein einfacher Weg, dies zu bekommen, ist:

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

Für diejenigen, die auch den Hash entfernen möchten (nicht Teil der ursprünglichen Frage), wenn kein Querystring vorhanden ist, erfordert dies etwas mehr:

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

BEARBEITEN

@caub (ursprünglich @crl) schlug eine einfachere Kombination vor, die sowohl für Abfragezeichenfolgen als auch für Hash funktioniert (obwohl RegExp verwendet wird, falls jemand ein Problem damit hat):

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

2. Update: Um eine umfassende Antwort zu geben, vergleiche ich die drei in den verschiedenen Antworten vorgeschlagenen Methoden.

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');

Ergebnisse in Firefox 3.5.8 unter Mac OS X 10.6.2:

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

Ergebnisse in Chrome 5.0.307.11 unter Mac OS X 10.6.2:

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

Beachten Sie, dass die Teilstring-Methode eine schlechtere Funktionalität aufweist, da sie eine leere Zeichenfolge zurückgibt, wenn die URL keinen Querystring enthält. Die beiden anderen Methoden würden erwartungsgemäß die vollständige URL zurückgeben. Es ist jedoch interessant festzustellen, dass die Teilzeichenfolgenmethode die schnellste ist, insbesondere in Firefox.

1. UPDATE: Tatsächlich ist die von Robusto vorgeschlagene split () -Methode eine bessere Lösung als die zuvor vorgeschlagene, da sie auch dann funktioniert, wenn kein Querystring vorhanden ist:

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"

Ursprüngliche Antwort:

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

Dies mag eine alte Frage sein, aber ich habe diese Methode versucht, um Abfrageparameter zu entfernen. Scheint für mich reibungslos zu funktionieren, da ich auch ein Neuladen in Kombination mit dem Entfernen von Abfrageparametern benötigte.

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

Da ich eine einfache Operation zum Hinzufügen von Zeichenfolgen verwende, schätze ich, dass die Leistung gut sein wird. Aber es lohnt sich immer noch, mit Ausschnitten in dieser Antwort zu vergleichen

Ein einfacher Weg ist, wie folgt vorzugehen

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

Wenn Sie RegEx mögen ...

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

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

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

Wenn Sie backbone.js verwenden (das url anchorals Route enthält ), wird query stringmöglicherweise folgende URL angezeigt:

1. vorher url anchor:

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

2. nachher url anchor:

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

Lösung:

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

Ein Ansatz unter Verwendung des Standards 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

Wenn Sie komplexe Operationen an URLs ausführen müssen, können Sie sich das jQuery-URL-Parser-Plugin ansehen .

(() => {
        '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();
        }
})();

So habe ich es gemacht, hat auch RegEx-Unterstützung.