jQuery: Using a single Ajax call, receive progressive statuses instead of one single response?

I'm just wondering..is it possible to receive multiple responses from a single ajax call? I'm thinking purely for aesthetic purposes to update the status on the client side.

I have a single ajax method that's called on form submit

$.ajax({
  url: 'ajax-process.php',
  data: data,
  dataType: 'json',
  type: 'post',
  success: function (j) {
  }
});

I can only get one response from the server-side. Is it possible to retrieve intermittent statuses? Such as:

Default (first)开发者_如何学C: Creating account Next: Sending email confirmation Next: Done

Thanks for your help! :)

From a single ajax call, I don't think it is possible.

What you could do is check frequently where the process is (it's what is used for the upload bars in gmail for example). You do a first ajax request to launch the process, and then a series of ajax request to ask the server how he is doing. When the server answers "I'm done", you're good to go, and until that you can make the server respond and say the current state.

There is something called comet which you can set up to "push" requests to client, however it is probably way more than what you are wanting to invest in, time-wise.

You can open up a steady stream from the server, so that it continues to output, however I'm not sure how client-side script can handle these as individual "messages". Think about it like a server that outputs some info to the browser, does more work, outputs some more to the browser, does more work, etc. This shows up more or less in real time to the browser as printed text. It is one long response, but it is still one response. I think ajax only handles a response once it finished being sent, but maybe someone else will know more than me on the topic.

But you couldn't have the server output several individual responses without reloading itself, at least not with PHP, because once you start outputting the response, the response has begun and you can't chop that up without finishing the response, which happens when the script is done executing.

Your best bet is with the steady stream, but again, I'm not sure how ajax handles getting responses in chunks.

Quick Update

Based on the notes for this plugin:

[http://plugins.jquery.com/project/ajax-http-stream]

things don't look promising. Specifically:

Apparently the trend is to disallow access to the xmlhttprequest.responseText before the request is complete (stupid imo). Sorry there's nothing I can do to fix this

Thus, not only can you not get what you want in one request, you probably can't get it multiple requests, unless you want to break up the actual server-side process into several parts, and only have it continue to the next step when an ajax function triggers it.

Another option would be to have your script write it's status at specific points to another file on the server, call it "status.xml" or "status.txt". Have your first ajax function initialize the process, and have a second ajax function that queries this status file and outputs that to the user.

It is possible, but it has more to do with your backend script. As Anthony mentioned there is a tech called comet. Another term I've heard is called "Long polling". The idea is that you delay the time in which your php(insert language of choice) script finished processing. In php you can do something like this:

  while($response !== 'I'm done'){  
      sleep(1);
  }else{
      return $some_value;
      exit();
  }

This code stops your script from completely finishing. sleep(1) allows the script to stop and lets the server rest for 1 millisecond, before it loops back through. You can adjust the sleep time based on your needs. In php the amount of time the script sleeps is not counted agains your server timeout time.

You'll obviously need to make more checks for you code. You'll probably also want to allow for an abort script call. Something like sending a get request to kill the backend script. Maybe on the javascript unload event.

In the tests that I've done. I made the initial ajax call, and when the value was returned, I made another ajax call, that way your back end script wont time out. I've only played around with this on my local server, so i'm not sure how real world this is, but it works.