Question

How do I load an event after a redirected page has finished loading, following an ajax call?

For the sake of simplicity, here is some sample code:

$.ajax({
   type: "POST",
   url: "some_page.php",
   success: function() {
      window.location.href="new_page.php"; // redirect to this page
      $(window).load(function() { alert("test"); }); // load after redirect
   }
});

the “alert” box does not load for me, but the redirect works.

Answer 1

It’s because success only works after your http request returned successfully. The browser then reloads the new requested page in which any actions are regarding your original http request are lost.

You may want to do something like:

window.location.href = new_window.php?success=true

Then test for success on the newly loaded page.