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.