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...
Asked
Active
Viewed 1.4k times
11
Jaffa
- 12,442
- 4
- 49
- 101
Shauzab Ali
- 111
- 1
- 1
- 3
-
Change browser address bar URL with jQuery without reloading For example, www.mywebsite/list.php?page=1 " > this link on click change adress bar ?id=123 etc... – Shauzab Ali Aug 29 '12 at 07:15
-
Changing the address bar url, client side will always reload, unless you add and anchor, as in http://www.ddfd.com#thisisananchertoaspecificplaceinthedocument. – ShaunOReilly Aug 29 '12 at 07:25
-
do you mind the **appropriate answer** to be marked as **accepted ** – GajendraSinghParihar Sep 26 '12 at 12:49
-
Possible in HTML5 browsers only. http://www.aspsnippets.com/Articles/Change-Browser-URL-without-reloading-refreshing-page-using-HTML5-in-JavaScript-and-jQuery.aspx – Govind Totla Oct 07 '15 at 11:44
3 Answers
5
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
marc_s
- 732,580
- 175
- 1,330
- 1,459
GajendraSinghParihar
- 9,051
- 11
- 36
- 64
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.
-
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 – Ivan Hušnjak Aug 29 '12 at 07:21
