Heim >Web-Frontend >js-Tutorial >Wie kann ich eine URL ändern, ohne die Seite neu zu laden?

Wie kann ich eine URL ändern, ohne die Seite neu zu laden?

Mary-Kate Olsen
Mary-Kate OlsenOriginal
2024-12-21 17:29:10985Durchsuche

How Can I Change a URL Without Reloading the Page?

Ändern der URL ohne Neuladen der Seite

Problem:

Ist es möglich, die URL der aktuellen Seite ohne zu ändern? Auslösen einer Seite aktualisieren?

Ziel:

Auf den Teil der URL nach dem Domainnamen zugreifen und ihn ändern, mit Ausnahme des Hashs (#).

Lösung:

Window.history.pushState()

Moderne Browser unterstützen pushState() Methode, mit der Sie den Browserverlauf bearbeiten können, ohne den Browser neu laden zu müssen Seite.

Implementierung:

  1. Aktualisieren Sie den Inhalt der Seite (z. B. über AJAX).
  2. Legen Sie den URL-Pfad mithilfe von window fest .history.pushState() und der gewünschte urlPath.
function processAjaxData(response, urlPath){
     // ... (update content)

     window.history.pushState({
         "html": response.html,

Das obige ist der detaillierte Inhalt vonWie kann ich eine URL ändern, ohne die Seite neu zu laden?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn