javascript - How can I execute a script after calling window.location.href?

Question

I have a script that redirects the user to another page. I want to load some content into a div on the new page after the new page has fully loaded. How can I do this. The following doesn't work.

function goToPage() {
    window.location.href = 'http://www.mypage.com/info';
    $('.my_class').load('my/url/path/with/content/to/load');
}

The newly loaded page http://www.mypage.com/info contains the following div:

<div class="my_class"></div>

What am I doing wrong?

Answer 1

Redirect to the new page, but append a hash signal to the URL.

function goToPage() {
    window.location.href = 'http://www.mypage.com/info#load-stuff;
}

Then on load of the target page, evaluate the URL checking for that hash signal.

function pageLoad() {
    if (window.location.hash === "#load-stuff") {
        $('.my_class').load('my/url/path/with/content/to/load');
    }
}

If your application is using jQuery it'd look something like:

$(function () {
    if (window.location.hash === "#load-stuff") {
        $('.my_class').load('my/url/path/with/content/to/load');
    }
});

That's the rough idea at least.