Hinzufügen von Query-String-parameter zu statischen link klicken
Ich bin auf der Suche nach einem robusten Art und Weise dynamisch die Injektion eines query-string-parameter, wenn ein Besucher klickt auf eine statische Anker-link.
Beispiel für einen link:
<a href="http://www.johndoeslink.com">Test</a>
Möchte ich weitergeben, einen query-string auf der nächsten Seite aber haben, um den Wert zuzuweisen dynamisch. Wie kann ich das erreichen?
Ich weiß, das ist einfach, ich bin nur etwas fehlt offensichtlich! =\
Vielen Dank im Voraus,
John d
InformationsquelleAutor JohnDoe | 2014-08-13
Du musst angemeldet sein, um einen Kommentar abzugeben.
Gibt es viele Möglichkeiten, wie Sie dies tun könnte. Unten habe ich aufgelistet habe zwei sehr einfache Methoden. Hier gehe ich davon aus dass Sie bereits einen Verweis auf Ihre
a
element (hier habe ich die Bezeichnung dieserelement
):Änderung der
href
AttributMit einem click-Ereignis-listener
Was ist, wenn der url-element.href) hat bereits einen parameter (zB, cnn.com?show=true&page=2)? Das führt dazu, dass Ihre Methode scheitern, wird es fügen Sie einfach ein zusätzliches Fragezeichen.
Sie können eine
if
- Anweisung zu prüfen, ob einewindow.location.search
ist bereits vorhanden.if (window.location.search) window.location.href = element.href + '&query=value';
Es ist viel besser, verwenden Sie einfach
element.search = '?query=value'
. Auf diese Weise müssen Sie nicht rumfummeln, ob das element bereits ein querystring oder nicht, die Sie vielleicht hinzufügen, statt Sie zu ersetzen.InformationsquelleAutor James Donnelly
Wenn Sie bereits wissen, den Wert Anhängen, wenn das laden der Seite dann können Sie dies, wenn das Dokument fertig ist : Wenn Sie JQuery verwenden:
Sonst (plain Javascript):
Du hast Recht, ich aktualisierte die Antwort.
Das ist perfekt, danke!
Es ist viel besser, das
search
- Eigenschaft anstelle derhref
. Dann können Sieelement.search = '?query=value'
. Auf diese Weise müssen Sie nicht haben rumfummeln mit, dass Sie die domain-und Pfad-Teile der url.InformationsquelleAutor Oualid KTATA