AJAX reads data in a progressive way, not only after its completion

Question

I like to create a progress bar for my ajax calls. To do this, I can make my server side script to return the status of its progress. So I need javascript to read this level of progress and show it.

Is this possible or am I mistaken?

Answer 1

You can try something like this (some pseudocode suggesting jQuery, since you marked the question as such):

var poll;
$.ajax({
  url: 'your_ajax_script',
  beforeSend: function(){ // set up out-of-band status polling
    poll = setInterval( function(){
      $.get('your_script_that_returns_status',
        function(data){ 
          update_progressbar(data);
        });
      }, 1000 ); // update every second?
  },
  success: function(data) {
    clearInterval( poll ); // stop polling
    finalize_or_hide_progressbar(); // clean up
    do_something_with( data ); // your "done" logic
  }
});

Answer 2

, AJAX - , - .