Change browser address bar URL with jQuery & ajax without reloading page [duplicate]

Question

This question already has answers here:

How do I modify the URL without reloading the page? (22 answers)

Closed 12 years ago.

Change browser address bar URL with jQuery without reloading For example,

www.mywebsite/list.php?page=1
<a href="?page=<?php $row[id] ?>" > this link </a>

on click change address bar ?id=123 etc...

• Shauzab Ali: Change browser address bar URL with jQuery without reloading For example, www.mywebsite/list.php?page=1 <a href"?page=<?php row[id] ?>" > this link </a> on click change adress bar ?id=123 etc...
• ShaunOReilly: Changing the address bar url, client side will always reload, unless you add and anchor, as in ddfd.com#thisisananchertoaspecificplaceinthedocument.
• GajendraSinghParihar: do you mind the appropriate answer to be marked as **accepted **
• Govind Totla: Possible in HTML5 browsers only. aspsnippets.com/Articles/…

Answer 1

not possible at all to change the url or even query string of the browser without reloading only part you can change without refresh is #hash part of the url till html4

But in html 5 some kind of url change can be done by the new HISTORY API give it a try

http://html5demos.com/history

Answer 2

You can not. If you try to do it like this for example:

document.location.search= "?i=123"

It will reload the page. What you can do is change the hash

document.location.hash= "#123"

or

document.location.hash= "#i=123

And then write a simple parsor using split to grab the data you need. Similar question you should have a look at.

• Ivan Hušnjak: Note that # (hash) params cannot be read on server side like ? (query) params - initial usage of # in urls is for "go-to anchor/id" functionality

Answer 3

jQuery: pjax plugin may help you.