How can I detect url change in JQuery?

Question

What I'm trying to do is to flush localStorage when user move to other page.

For example, let say I'm currently in http://foo.com/accounts/mypage.

When user moves to url, http://foo.com/album, I want to flush localStorage.

This is my JQuery script.

$(window).unload(function(){
    if ((window.location.pathname).indexOf('mypage') < 0) {
        localStorage.flush();
    }
});

But it doesn't work......

Any other nice idea?

Possible duplicate of [Clear localStorage](http://stackoverflow.com/questions/7667958/clear-localstorage) — Ish, Sep 02 '16 at 09:07

score 0 · Answer 1 · answered Sep 02 '16 at 09:07

0

localStorage.clear();

Please try this

answered Sep 02 '16 at 09:07

Ish

2,085
3
21
38

Ah that was my mistake. I change it to `clear()` but it doesn't seem flush the localstorage. – user3595632 Sep 02 '16 at 09:13
@user3595632, what is the result of (window.location.pathname).indexOf('mypage') ? – Lajos Arpad Sep 02 '16 at 09:27
Now I know what's the problem. `window.location.pathname` shows current url, not url i'm heading to.. That's the reason... I need to know what is the next url – user3595632 Sep 02 '16 at 09:34
@user3595632, how are users going to next url from your page? – Lajos Arpad Sep 02 '16 at 09:53
Click link or something... I google it and it seems like there is no way to get url user is heading to. – user3595632 Sep 02 '16 at 09:59
@user3595632, then check out my answer – Lajos Arpad Sep 02 '16 at 10:14

score 0 · Accepted Answer · answered Sep 02 '16 at 10:14

0

Add a click handler to your links, like this:

var lastLink = "";
$("body").on("click", "a", function() {
    lastLink = $(this).attr("href");
});

This click will run before the unload event and you will be able to use lastLink as your value. Just make sure you take into account relative urls as well.

//TODO: implement function isMine
$(window).unload(function() {
    if (isMine(lastLink)) {
        localStorage.clear();
    }
});

answered Sep 02 '16 at 10:14

Lajos Arpad

64,414
37
100
175

What a awesome idea!! Thanks :) – user3595632 Sep 02 '16 at 21:31

How can I detect url change in JQuery?

2 Answers2