how to change the url without reloading

Question

I have read a lot of other questions on how to change the URL with out reloading the page. This is my code that I have just wondering if someone can tell me what I am doing wrong? When I click the button it doesn't change the url. This is my exact code and not sure what I have done wrong, Thanks.

<!doctype html>
<html lang="en">
<head>

<meta charset="UTF-8">

<title> Social Media </title>

</head>
<body>
    <input type="button" value="Page1" onclick="ChangeUrl('Page1','Page1.htm');" />

<script type="text/javascript">
function ChangeUrl(title, url) {
    window.history.pushState("object or string", "Title", "/new-url");
}
</script>
</body>
</html>

I want the new url to have /new-url onto the end. Thanks

What error are you getting? What about it isn't working? What browser are you testing it in? — Karl-Johan Sjögren, Mar 24 '15 at 11:04
This might help you. http://stackoverflow.com/questions/10445229/append-parameter-in-url-without-reloading-page — Pavan Bhushan Maganti, Mar 24 '15 at 11:07
possible duplicate of [Modify the URL without reloading the page](http://stackoverflow.com/questions/824349/modify-the-url-without-reloading-the-page) — Pugazh, Mar 24 '15 at 11:07
this could help you too.. http://stackoverflow.com/questions/6068891/difference-between-jsp-forward-and-redirect — lateralus, Mar 24 '15 at 11:15
What's the problem or issue that you are having ? Let us know that . — The Dark Knight, Mar 24 '15 at 11:28
Sorry should have put in more description, I have updated it now. Basically this code just doesn't work and was wondering if anyone could help — Dan Paull, Mar 30 '15 at 02:24

score 0 · Answer 1 · answered Mar 24 '15 at 11:25

0

<input type="button" value="Page1" onclick="ChangeUrl('Page1','Page1.htm');" />
<script type="text/javascript">
function ChangeUrl(title, url) 
{
    window.history.pushState("object or string", title, url);
}
</script>

answered Mar 24 '15 at 11:25

Анатолий Грабаров

38
10

Why should the OP try this? Please add an explanation of what you did and why you did it that way not only for the OP but for future visitors to SO. – Jay Blanchard Mar 24 '15 at 14:03

score 0 · Answer 2 · edited Mar 24 '15 at 12:26

0

You can do this by two ways.

pushState creates one new history entry
replaceState updates the current history entry

You can do something like this:

function changeURL(title, url)
{
    history.replaceState("", title, url);
}

edited Mar 24 '15 at 12:26

A.L

10,259
10
67
98

answered Mar 24 '15 at 12:17

Abdul Alim

346
3
15

I am trying to use the pushState, but I can't get it to work, just wondering if you knew what i did wrong, thanks. – Dan Paull Mar 30 '15 at 02:26

how to change the url without reloading

2 Answers2