How can I execute a script after calling [removed].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 f

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.

Answer 2

You are redirecting the browser with window.location.href and I'm afraid as you are purely just changing the browser's location, you can't have any affect/input on the page you are moving to (unless you use query string parameters and then create content with something like PHP (myurl.php?newcontent=whatever) )

Answer 3

Once you redirect you can no longer execute scripts on that page, as the page is unloaded.

Try this,

redirect page:

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

mypage.com/info:

js:

$('.my_class').load('my/url/path/with/content/to/load');

html:

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

I hope this helped you out, and let me know if you need further assistance!

Answer 4

You should just run

$('.my_class').load('my/url/path/with/content/to/load');

on this page: http://www.mypage.com/info.

When you do window.location.href = 'http://www.mypage.com/info'; you're redirecting to another page. Nothing after that line will happen. You have to instead run the code after that line on the page that's loaded.

Answer 5

As pointed out in the other answers, you won't be able to perform any script instructions from your original site. Instead of using PHP to create the content statically, you could also use HTML fragments as arguments, e.g. like this:

---

// in the original page:
function goToPage() {
    window.location.href = 'http://www.mypage.com/info#my/url/path/with/content/to/load';
}

---

// in http://www.mypage.com/info:
$( document ).ready(function () {
    if(window.location.hash)
        $('.my_class').load(window.location.hash.substring(1));
}

Answer 6

window.location = '#/MyPage';
setTimeout(function() {
   //MyCode To Run After PageLoad
});