Geek asks and answers

JQuery Transfer-Encoding: chunked support

I am a web developer. in my script use header () to set "Transfer-Encoding: chunked". and flush () to the web page. it will print on a shared time web page. It works fine. but when I use jQuery.ajax () to query this.it always outputs everything together (chunked unuseful).

how to dissolve it? to use encoded encoding in jQuery ajax?

+6
source share
1 answer

you cannot use jquery.ajax to continuously read the response of an http response. jquery ajax will only call the success callback function when the connection is completed. You should use this jquery plugin.

php, :

 <html>
        <head>
            <script src="jquery-1.4.4.js"></script>
            <script src="jquery.stream-1.2.js"></script>
            <script>

                var println = function(string){
                    $("#console").append(string+"<br />");
                }

                $(document).ready(function(){



                    $.stream("stream.php",{
                        open:function(){
                            println("opened");
                        },
                        message:function(event){
                            println(event.data);
                        },
                        error:function(){
                            println("error");
                        },
                        close:function(){
                            println("closed");
                        }
                    });



                });
            </script>
        </head>
        <body>


            <div id="console"></div>

        </body>
    </html>

:

stream.php

<?php


   header('Content-Encoding', 'chunked');
   header('Transfer-Encoding', 'chunked');
   header('Content-Type', 'text/html');
   header('Connection', 'keep-alive');

   ob_flush();
   flush();

   echo("23123454645645646;");


   $p = "";
   for ($i=0; $i < 1024; $i++) { 
       $p .= " ";
   };
   echo($p.";");



   for ($i = 0; $i < 10000; $i++) {
      echo('6;string;');
      ob_flush();
      flush();
      sleep(2);
   }




?>
+12

More articles:


All Articles