CODEWITHSUNDEEP
javascriptjqueryurl
Hugo Mota
Hugo Mota

Reputation: 11567

How to manipulate the URL with Javascript and JQuery?

I want to make a page with a lot of Javascript interactions. However, while a user navigates through the page the URL must change too. So, when the user shares the URL or saves it, it can lead him to the actual state he was.

How can I do that?

Examples:

myapp.com/page1

myapp.com/page2

Upvotes: 5

Views: 16626

Answers (4)

Mark Pope
Mark Pope

Reputation: 11274

Answered by this SO question: Change the URL in the browser without loading the new page using JavaScript

Upvotes: 4

Mark Pope
Mark Pope

Reputation: 11274

Set this value: window.location.href

  window.location.href = "myapp.com/page2";

Upvotes: -1

Quentin
Quentin

Reputation: 944321

pushState, as seen on github

Upvotes: 8

GolezTrol
GolezTrol

Reputation: 116170

The only part of the url (or location) that you can change without reloading the page, is the hash. That is the part behind the #. Many ajax enhanced applications make use of this, including Twitter. You can change this hash on the go, and interpret the hash tag on page load to initialize the page to the correct state.

Upvotes: 2

Related Questions