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

javascript, jquery

Solution

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.

Problem

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?

Original source