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
Freigeben: 2024-12-21 17:29:10
Original
992 Leute haben es durchsucht

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,
Nach dem Login kopieren

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!

Erklärung dieser Website
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
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage