Question

I’m trying to a return the value of a given URL periodically using jQuery and setInterval. My code looks like:

    $("form").submit(function() {
        setInterval(function(){
            $('#upload_progress').load('/upload_progress');
        }, 5000);
    });

This works perfectly in Firefox, but in chrome, the load() function never runs. I’ve treid using the $.ajax function as well with the same result.

Any ideas why this is only affecting Chrome (v11.0)?

Any help would be much appreciated!

Answer 1

For one, you are actually submitting the form. I’m pretty sure this places the browser in a state of “hey, i’m waiting on a redirect from the server.” If you really want to poll and update the page, you probably need to do

$("form").submit(function(e) {
  e.preventDefault();
  // ...
}

Just as a start. In this context, it works for me. Here, I even made you a pretty little JSFiddle of it working: http://jsfiddle.net/plukevdh/sRe4k/. If you need redirection once complete, you might add more data to the callback (json or something) so that you can check to see if {status: 0-100 [percent], completed: true|false} and if completed or status >= 100, just change the window.location.