Get results from php script via jquery load() function before php script finishes

Question

I have the following situation:

jquery:

  $(function(){
      $('input[type="button"]').click(function(){
        $('#result').load('script.php');   
      }); 
 });

script.php:

<?php
  echo "1";
    sleep(2);
  echo "2";
    sleep(2);
  echo "3";
?>

Currently the jquery load function will wait for the php script to finish and then display the result into the targeted div...so in this case it will wait 4 seconds and then display 123.

What I'm trying to achieve is to have the jquery load function to return the results separately, live, before the php script finishes. By separately I mean to see in the targeted div 1 then wait for 2 seconds, then see 2, then another 2 seconds and then 3.

Is this possible with my example?

I thing you need separate requests.

tcooc
– tcooc

2010-08-13 16:15:59 +00:00
Commented Aug 13, 2010 at 16:15 — tcooc
– tcooc, Commented Aug 13, 2010 at 16:15

darma · Accepted Answer · 2010-08-13 16:22:28Z

1

bad idea to temporize on the server side, you should do it on the client with setTimeout function(s) : get instant response from the server, and use it however you like on the client :

$.get('script.php', function(data){
    $('#div1').yourcode();
    setTimeout(function(){
        $('#div2').yourcode();
    }, 2000);
});

edited Aug 13, 2010 at 16:22

answered Aug 13, 2010 at 16:16

darma

4,7571 gold badge27 silver badges26 bronze badges

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

1 Comment

Alex Over a year ago

Thanks for the fast and prompt answers. The point of my question is not about timeout or sleep, I used sleep in the example just to better see what I'm trying to achieve. Let me try to reformulate the question (sorry if I didn't expressed myself correctly but english is not my native languge) So, my point is: is it possible to retreive info from a php script via jquery load function, before the php script actually finishes? For example if you have multiple echo in php, to retreive each echo separately in the same div

Blake Schwendiman · Accepted Answer · 2010-08-14 00:23:01Z

1

No. Out of the box, this will not be possible with jQuery.load(). The two previous answers are right on -- you'll either need to rework XMLHttpRequest which would be a horribly complex project, or you'll have to poll your server using Javascript (setTimeout) and get discrete values from the server to display on the client side. Without knowing more about exactly what you're trying to do, I would suggest using the latter approach (polling) as suggested by darma.

answered Aug 14, 2010 at 0:23

Blake Schwendiman

4521 gold badge4 silver badges9 bronze badges

Comments

Jonathan Kuhn · Accepted Answer · 2010-08-13 17:40:16Z

0

I don't think you would be able to do it with jquery because, as far as I know, any callback/handler functions you pass will not run until after the XMLHttpRequest has finished (or reached ready state 4 meaning request done). You might be able to use flush() in php to send the output after an echo and then use your own ajax XMLHttpRequest object/script and look for another ready state such as 3 which should contain partial request data. It is a PITA to do though mostly because of browser inconsistencies with ready states and I haven't seen a pre-made library that can do this so you would probably have to write something yourself.

Some info about using ready states

answered Aug 13, 2010 at 17:40

Jonathan Kuhn

15.3k3 gold badges34 silver badges43 bronze badges

Collectives™ on Stack Overflow

Get results from php script via jquery load() function before php script finishes

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related