jQuery支持Transfer-Encoding:chunked

时间:2012-05-25 11:35:39

标签: php jquery chunked

我是一名网络开发人员。 在我的脚本中使用header()来设置“Transfer-Encoding:chunked”。和flush()到网页。 它会在网页上分时打印。 它工作正常。 但是,当我使用jQuery.ajax()来请求this.it总是一起输出(chunked unuseful)。

如何解决这个问题?在jQuery ajax中使用chunked编码?

1 个答案:

答案 0 :(得分:12)

你不能使用jquery.ajax连续读取分块的http响应。只有在连接终止时,jquery ajax才会调用成功回调函数。你应该用 this jquery插件。

如果您使用的是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);
   }




?>