How to remove content after last slash in the url withouth reloading the page?

Question

I have a url that looks like this

After some operation on the page the item gets saved to the database with the item name. Now I want to replace the url like this

I need to update the window state, so is it possible to update the url using window.history.replaceState method or something similar to that?

you talking about state, are you using a javascript framework in prticular? — Jesus Carrasco, Aug 09 '17 at 23:05
Have you even tried to do this by yourself? If the answer is "yes" and there was a problem with your solution, you should post the code that does not work. — mdziekon, Aug 09 '17 at 23:05
@mdziekon I tried, but I couldn't figure it out. That's why I'm asking for help. — user3587180, Aug 09 '17 at 23:06
Then you should post the code that did not work. It's easier to help you this way. — mdziekon, Aug 09 '17 at 23:07
Possible duplicate of [Modify the URL without reloading the page](https://stackoverflow.com/questions/824349/modify-the-url-without-reloading-the-page) — mdziekon, Aug 09 '17 at 23:09

score 2 · Accepted Answer · answered Aug 09 '17 at 23:09

2

What you are looking for is the pushState function.

The pushState function is super handy.

answered Aug 09 '17 at 23:09

miguelsolano

Thanks for the answer. Push state is not replacing newItemName with newItemId though. Am I missing something? – user3587180 Aug 09 '17 at 23:12
Mind adding some code, it sounds like you are replacing the state of the url without tacking on the current url. – miguelsolano Aug 09 '17 at 23:15

score 0 · Answer 2 · answered Aug 09 '17 at 23:12

0

Should be able to do something like:

history.pushState({}, null, newUrl);

Where newUrl is the new url which should replace the current one. Note this is HTML5 only.

answered Aug 09 '17 at 23:12

datatype_void

score 0 · Answer 3 · answered Aug 09 '17 at 23:26

0

I would use replaceState, and not pushState, because you don't want to create a new entry in the user's browser history.

history.replaceState(
  '{ foo: "bar" }', 
  'Some new title', 
  'http://foo.com/Item/12345'
);

answered Aug 09 '17 at 23:26

Andy Hoffman

3 Answers3