Ersetzen Sie die parameter in der URL & aktualisieren Sie die Seite

Mein Standard-URL wie

http://localhost:4444/index.html?file=sample

Und ich habe ein drop-down-Liste mit verschiedenen Dateinamen, ich möchte ersetzen Sie den parameter sample indem Sie auf drop-down-Liste aus.

Für jede änderung der URL muss geändert werden, mit vorhandenen parameter.

Habe ich Versucht mit folgenden,

location.href = location.href + "filename" ;

Aber es wird nicht ersetzen Sie den Dateinamen ein.

  • Lage.href = Ort.href.replace(/sample/,"Dateiname")
  • dies könnte in Ordnung sein, aber für nächste Datei, Auswahl...?
  • Möchten Sie Sie ersetzen ?file=sample?
  • Ich will zu ersetzen, die Probe zu Datei1 & Datei1 zu filename2 & .....
InformationsquelleAutor Hulk1991 | 2013-10-23
  1. 8

    Eine Möglichkeit ist:

    location.href = location.origin + location.pathname + '?file=filename';

    Aber dies würde nur funktionieren, wenn Sie einen parameter nach dem ?. Wenn Sie noch mehr - Sie müssten analysieren Sie und re-Anwendung.

    • location.host ist, ohne Protokoll, Sie könnte verwenden location.origin (http://example.com statt example.com)
    • Ich verpasst,! Dank sehr viel!
    • Danke es funktioniert...
    InformationsquelleAutor tborychowski
  2. 12

    Können Sie versuchen, diese:

    location.search = location.search.replace(/file=[^&$]*/i, 'file=filename');

    location.search Eigenschaft besitzt nur die Abfrage Teil der URL, so dass Sie nicht haben sorgen zu machen, dass andere Teile des url (z.B. domain-oder hash) geändert werden.

    Auch der regex ersetzen nur die file parameter. Es ist nützlich, wenn Sie haben einige andere Parameter in Abfrage.

    • dies ist eigentlich eine wirklich elegante Art und Weise, wie es wird automatisch neu geladen und es gibt keine Notwendigkeit, um die Arbeit mit der gesamten URL.
    InformationsquelleAutor matewka
  3. 5

    Willkommen zu 2018, können Sie jetzt meist verwenden URLSearchParams zu handhaben, analysieren und austauschen erhalten Sie

    var params = new URLSearchParams(location.search);
params.set('file', 'sample');
window.location.search = params.toString();

    URLSearchParams ersetzen, oder fügen Sie den parameter der Abfragezeichenfolge, wie gebraucht.

    InformationsquelleAutor Jérôme Tremblay
  4. 0

    Angepasst ich @matewka Antwort robuster, indem Sie auch arbeiten, wenn es keine vorhandenen Parameter window.location.search

    var filename = 'myFilename.csv';

var paramName = 'file';
var newParam = paramName + '=' + filename;
if(window.location.search){
  var regex = new RegExp(paramName + '=[^&$]*', 'i');
  window.location.search = window.location.search.replace(regex, newParam);
}else{
  window.location.search = newParam;
}
    InformationsquelleAutor Weston Ganger
Schreibe einen Kommentar