Question

情况：
我正在使用$ .ajax（）POST向php脚本发送请求，该脚本将大约400,000-500,000行插入到db中。这一直需要3.5到4分钟。（在此期间，请求是PENDING）。

问题：
我需要一些方法来显示页面上的进度。（比如一个％）。我试图使用一个$就（）中，检查每5秒左右的setInterval，但他们似乎建立和所有来经时第一（较长的）$就（）结束。

问题：
默认情况下不是$ .ajax（）async吗？这不应该意味着请求可以在任何时间以任何顺序发送，并且应该以任何顺序随时收到响应吗？这甚至与异步有什么关系吗？有没有办法定期从一个请求发回'半响应'？或者，当有待处理的请求/响应时，我是否无法发送和接收请求/响应？（见下面的精彩图纸）

提前致谢!!!

multiple requests http://kshaneb.com/reqres.png

Answer 1

您长时间运行的ajax调用可能会在服务器上打开一个会话，因此会因文件锁定而阻止所有下一个请求。

<强>问题：   PHP默认将其会话数据写入文件。当请求启动会话的PHP脚本（session_start（））时，此会话文件被锁定。这意味着如果您的网页向PHP脚本发出大量请求，例如，通过Ajax加载内容，则每个请求都可能锁定会话并阻止其他请求完成。   其他请求将挂起session_start（），直到会话文件解锁。如果您的一个Ajax请求相对较长，那么这尤其糟糕。

<强>解决方案：   会话文件保持锁定状态，直到脚本完成或手动关闭会话。要阻止多个PHP请求（需要$ _SESSION数据）阻止，您可以启动会话，然后关闭会话。这将解锁会话文件，并允许其余请求继续运行，甚至在初始请求完成之前。

更多信息： http://konrness.com/php5/how-to-prevent-blocking-php-requests/

Answer 2

希望这有帮助

$(function ()
    {
        var statusElement = $("#status");

        // this function will run each 1000 ms until stopped with clearInterval()
        var i = setInterval(function ()
        {
            $.ajax(
            {
                success: function (json)
                {
                    // progress from 1-100
                    statusElement.text(json.progress + "%");

                    // when the worker process is done (reached 100%), stop execution
                    if (json.progress == 100) clearInterval(i);
                },

                error: function ()
                {
                    // on error, stop execution
                    clearInterval(i);
                }
            });
        }, 1000);
    });

Answer 3

您可以发布到iframe并让php生成增量输出并使用flush命令发送，而不是执行ajax发布。

 // send a hash mark for every 1000 inserts
 $a = 0;
 while ($rec = getDataForNextInsert()){
       $a++;
       // do insert
       if ($a%1000 == 0) { echo '#'; flush(); }
 }

然后还可以轮询iframe的内容，为最终用户提供漂亮的显示。

Answer 4

我希望这对你有用

首先，您需要在PHP脚本中禁用输出缓冲区

@apache_setenv('no-gzip', 1);
@ini_set('zlib.output_compression', 0);
@ini_set('implicit_flush', 1);
for ($i = 0; $i < ob_get_level(); $i++) { ob_end_flush(); }
ob_implicit_flush(1);

然后，您需要在此过程中回应PHP的进度，类似于：

for($i=0;$i < 20;$i++){
    echo ($i > 0 ? "#":"").($i/20*100);
    sleep(1);
}

然后，在javascript中你需要监听xhr readystate更改事件，当发生这种情况时，只需解析响应文本并根据需要显示进度。

听取事件：

$.ajaxPrefilter(function( options, _, jqXHR ) {
                if ( options.onreadystatechange ) {
                    var xhrFactory = options.xhr;
                    options.xhr = function() {
                        var xhr = xhrFactory.apply( this, arguments );
                        function handler() {
                            options.onreadystatechange( xhr, jqXHR );
                        }
                        if ( xhr.addEventListener ) {
                            xhr.addEventListener( "readystatechange", handler, false );
                        } else {
                            setTimeout( function() {
                                var internal = xhr.onreadystatechange;
                                if ( internal ) {
                                    xhr.onreadystatechange = function() {
                                        handler();
                                        internal.apply( this, arguments ); 
                                    };
                                }
                            }, 0 );
                        }
                        return xhr;
                    };
                }
            });

和ajax请求样本：

$.ajax({
                    url: "test.php",
                    cache: false,
                    onreadystatechange: function( xhr ) {
                        res = xhr.responseText.split("#");
                        $("#id").html(res[res.length-1] + "% done<br/>");
                    }                   
                }).done(function( data ) {
                        $("#id").append("all done!</br>");
                    }); 
            });

使用jQuery 1.5 +进行测试

jQuery：我可以在更长的$ .ajax请求待处理时发送和接收$ .ajax响应吗？

4 个答案: