change url or query string wihout reloading using jquery plugin

Question

I want to change the url or query string without reloading the page...

I have used the QUERY STRING OBJECT plugin for jquery

I have this example page in which on click of a album it should change the query string...

Now i can change the url using the code

window.location.href =  $.query.set('aid', a_id);

but it goes for reloading the page...

and this code does not have any effect

 var newUrl =  $.query.set('aid', a_id);

How can do without reloading the page...

how can i do without reloading the page...

Thanks
Pradyut
India

What you're asking to do doesn't make sense. You cannot change the address in the browser's address bar without reloading the page. Changing the query string changes the address and necessarily requires the page to reload the new address. — user229044
– user229044 ♦, Commented May 13, 2010 at 19:16
This does make sense. He's looking for the hash property, as explained here: ajaxpatterns.org/Unique_URLs — Cuga
– Cuga, Commented Sep 30, 2010 at 4:33

unwind · Accepted Answer · 2010-05-06 11:58:19Z

7

You cannot change the query string without reloading the page.

edited May 6, 2010 at 11:58

unwind

402k64 gold badges492 silver badges620 bronze badges

answered May 6, 2010 at 11:53

gvaish

9,4143 gold badges40 silver badges43 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

nothing9 Over a year ago

This should be the accepted answer. There is a difference between query and fragment as described here

Pradyut Bhattacharya · Accepted Answer · 2010-05-13 19:27:12Z

3

I got the solution...

change the query string after a #

you can get and set the query string using javascript

location.hash = 'something=anything'

Thanks
Pradyut
India

answered May 13, 2010 at 19:27

Pradyut Bhattacharya

5,75813 gold badges58 silver badges86 bronze badges

3 Comments

RichC Over a year ago

I don't understand - how does this help you? You aren't changing the querystring - you're changing the anchor.

Pradyut Bhattacharya Over a year ago

read hash with the above javascript, modify dom elements with js calling ajax data...

Rush Frisby Over a year ago

this isnt changing the query string it is changing the anchor

Fabio Nolasco · Accepted Answer · 2013-10-09 18:08:12Z

If you just want to change the Hash, your approved solution might work ok. However, to modify the query you will need to use the history.pushState. It works only on web browsers with the HTML5 History API, though.

if (history.pushState) {
    var newurl = window.location.protocol + "//" + window.location.host + window.location.pathname + '?myNewUrlQuery=1';
    window.history.pushState({path:newurl},'',newurl);
}

I tested, and it worked fine. It does not reload the page, but it only allows you to change the URL query. You would not be able to change the protocol or the host values.

For more information:

http://diveintohtml5.info/history.html

https://developer.mozilla.org/en-US/docs/Web/Guide/API/DOM/Manipulating_the_browser_history

Cuga · Accepted Answer · 2010-10-18 18:14:43Z

0

Another solution which you may find useful is the BBQ plugin for jQuery. Here's an example: http://benalman.com/code/projects/jquery-bbq/examples/fragment-basic/

edited Oct 18, 2010 at 18:14

answered Sep 30, 2010 at 4:30

Cuga

17.9k32 gold badges115 silver badges169 bronze badges

Collectives™ on Stack Overflow

change url or query string wihout reloading using jquery plugin

4 Answers 4

1 Comment

3 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

1 Comment

3 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related