How to find out when window.location changes

Question

I have an ajax function that performs a filter and then changes the url.

How would I do the equivalent of the following:

$(window.location).change(function() {
    alert('hello');
})

No, the user is still on the page. The querystring is just changing. For example: /tasks/?task_status=problem --> /tasks/?task_status=problem&definition=mastering — David542, Jun 23 '13 at 23:40
I'd say the best you can do is working with timers for checking every fix intervals — Claudio Redi, Jun 23 '13 at 23:43
Duplicate? http://stackoverflow.com/questions/3522090/event-when-window-location-href-changes — dennythecoder, Jun 23 '13 at 23:43
@David542 Are you using [`history.pushState()`](https://developer.mozilla.org/en-US/docs/Web/Guide/DOM/Manipulating_the_browser_history#Adding_and_modifying_history_entries) or just setting `window.location` directly? You may want the [`popstate` event](https://developer.mozilla.org/en-US/docs/Web/API/window.onpopstate). — Jonathan Lonowski, Jun 23 '13 at 23:44
Have a look here http://addyosmani.com/resources/essentialjsdesignpatterns/book/#observerpatternjavascript — elclanrs, Jun 23 '13 at 23:45

score 0 · Answer 1 · answered Jun 23 '13 at 23:41

0

You would probably have a look at the history API. You can use the onhashchange event to detect that change.

$(window).on('hashchange', function() {
    alert('hello');
});

answered Jun 23 '13 at 23:41

Mimo

6,015
6
36
46

I get: `Uncaught TypeError: Object [object Object] has no method 'on' ` – David542 Jun 23 '13 at 23:43
1

@David542 What version of jQuery are you using? You can use `.bind()` instead for this with versions [older than 1.7](http://api.jquery.com/on/). – Jonathan Lonowski Jun 23 '13 at 23:46

score 0 · Answer 2 · answered Jun 23 '13 at 23:44

If you change location, browser stop all of script and don't trigger change function, you can use only unload event of document when use change the location, check it here http://api.jquery.com/unload/ and if you only change bookmark then only handle hashchange event, you can find sample jquery plugin here http://benalman.com/projects/jquery-hashchange-plugin/..

How to find out when window.location changes

2 Answers2