jQuery：加载另一个页面时不执行$ .ajax

Question

I have a button that redirects to a page. The PHP script of the page I want to redirect to takes some minutes. While waiting for the PHP script I want a setInterval-scheduler to refresh content with jQ AJAX, but it doesn't seem to be executed while the redirection is loading. Any ideas?

Code:

heartbeatInterval = 10000;
$(document).ready(
    function() {

        console.log('Document got ready.')

        setInterval(function() {
            heartbeat();
        }, heartbeatInterval);
});

$('#button').click(function() {
    window.location.href = '/...';
});

function heartbeat() {

console.log('Heartbeat triggers.');

$.ajax({
    url : action_heartbeat,
    type : 'POST',
    data : 'test',
    success : function(response) {
        $('#status').css('color', 'green').html($('#status').html() + '<br>Connected:  ' + response);
        console.log('Heartbeat finishes.');
    },
    error : function(xhr, message) {
        $('#status').css('color', 'red').html($('#status').html() + '<br>Connection lost: ' + message);
    }
});

}

Answer 1

This may not be possible. Note that PHP (server side) runs before any javascript (client side).

So You would need to have the PHP finish first. There may be a way to run the PHP in an iframe embedded in the page, which might allow for faster loading of the page that has the javascript you want to run in it.