Javascript redirect method inside page

Question

I am looking for a nice way to redicrect in my page, after an Ajax request

If it succeeds I would like to transform the current uri (location.href)

http://my.domain.com/jm/app.html?application=test&keyword=pp&data=&enum=&end=

into

http://my.domain.com/jm/app.html#Results?application=test&keyword=pp&data=&enum=&end=

So adding #Results after uri path, but I would like to preserve the query string, It's probably ugly to find a regex for that, and apply it to location.href

Is there a jquery method to just browsing inside page?
like

$.redirectTo("Results")

Why not just update location.hash?

Pointy
– Pointy

2012-04-28 15:47:20 +00:00
Commented Apr 28, 2012 at 15:47 — Pointy
– Pointy, Commented Apr 28, 2012 at 15:47

Venice · Accepted Answer · 2012-04-28 15:53:44Z

2

Have you looked at the location.hash property?

As a side note, this plugin has come in really useful for detecting a change in the hash, and then reacting on it. jQuery hashchange

answered Apr 28, 2012 at 15:53

Venice

1,8481 gold badge11 silver badges10 bronze badges

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

Comments

Nick Clark · Accepted Answer · 2012-04-28 18:02:23Z

I would suggest using History.js or jQuery BBQ. They both provide good support for HTML5 pushState with a fallback for HTML4 browsers (using a hash similar to your example). jQuery BBQ has some nice functions for manipulating the query string, as well.

Here's the basic idea (using History.js). On success, you update the location like this:

var newUrl = "/app.htmlapplication=test&keyword=pp&data=&enum=&end=";

// Make AJAX request ...

// On success
History.pushState({}, null, newUrl);

You will also want to implement a listener for state/hash change events. Using History.js, it looks something like this:

History.Adapter.bind(window, 'statechange', function() {
    // The user probably hit the back button, do something...
});

I kept my examples pretty short, so give a quick look at the documentation for each plugin and see which one fits your project best.

Collectives™ on Stack Overflow

Javascript redirect method inside page

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related