jQuery AJAX - Return dynamic content

Question

I am making a jQuery Ajax form submit to a PHP page that I want to return values dynamically instead of all at once. For example, if my jQuery code is:

jQuery.ajax({
      type: "POST",
      url: "$PathToActions/Accounts.php",
      dataType: "html",
      data: "action=register&accounts=" + accounts,
      success: function(response){
           alert(response);
      });

My Accounts.php looks something like:

     <?php for ($i = 0; $i < 10; $i++) {
        echo $i;
        sleep(2);
     } ?>

My code outputs 012345679 right now in a single JavaScript alert after a ~10 second delay. Is it possible to get it to output the values as soon as they are generated instead of all at once?

Thank you!

You can't do that ... the output only sent after php finish running — Bang Dao
– Bang Dao, Commented Aug 10, 2010 at 4:43
@Bang Dao - well, how would something like a shoutbox/chat room made in Ajax work? I believe it would be the same approach.. — Aamir Mansoor
– Aamir Mansoor, Commented Aug 10, 2010 at 4:55
There is no such approach. Ajax chat just makes separate ajax requests every N seconds retreiving new data from server. — ehpc
– ehpc, Commented Aug 10, 2010 at 4:59
@Bang and @ehpc. Hmm I see. What approach do they use? Are they querying a database or so every few seconds? — Aamir Mansoor
– Aamir Mansoor, Commented Aug 10, 2010 at 5:02

Bang Dao · Accepted Answer · 2010-08-10 05:14:48Z

2

key = something_identify_here; //I use global variable for easier to understand

setInterval(function()
{
    jQuery.ajax({
      type: "POST",
      url: "$PathToActions/Accounts.php",
      dataType: "html",
      data: "action=register&accounts=" + accounts + '&key=' + key,
      success: function(response){
           alert(response);
           //change the key if its need
      });
}, 2000); //do query foreach 2 second

And on the php file, we code something like this

showContentByKey($_GET['key']);

The main idea here is: you do a ajax query for each 2 second and display the returned data. On your server, the php script send some data (maybe difference from each time) when requested.

edited Aug 10, 2010 at 5:14

answered Aug 10, 2010 at 5:04

Bang Dao

5,1021 gold badge27 silver badges33 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Adeel · Accepted Answer · 2010-08-10 06:38:53Z

-1

yes you can do it through ob_start.

<?php 
ob_start();
for ($i = 0; $i < 10; $i++) {
        echo $i;
        sleep(2);
        ob_flush();
        flush();
     } 

ob_end_clean(); 
?>

edited Aug 10, 2010 at 6:38

answered Aug 10, 2010 at 4:33

Adeel

19.3k4 gold badges48 silver badges60 bronze badges

2 Comments

Aamir Mansoor Over a year ago

It doesn't serve the purpose. Yes, it works if I visit the PHP page directly but it still returns the value to the AJAX form with 10 second delay and returns its all at once.

Adeel Over a year ago

@Aamir sorry flushing output outside the loop. now the code is corrected.

Collectives™ on Stack Overflow

jQuery AJAX - Return dynamic content

2 Answers 2

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related