Jquery getScript 或 ajax 与 php flush 相结合


Jquery getScript or ajax combined with php flush

我需要在搜索时列出项目。与其在服务器端 php 脚本完成它的工作时使用某种加载符号、无限进度或其他任何东西,我希望在找到结果后立即出现。

PHP 侧缝很容易执行一个虚假的 10 倍结果(服务器.php):

header( 'Content-type: text/html; charset=utf-8' );
$i = 0;
while($i < 10)
    {
        ?>
        $('#resultZone-13').append('<div class="fileline">someresult</div>');
        <?
        flush();ob_flush(); 
        usleep(200000); //0,2s
        $i++;
    }

客户端,我本来希望getScript可以工作,但它没有,这就是我所拥有的:

$.post('server.php',{}, function(data) 
    {
    },"script");

但是这种组合在执行 10 个 jQuery 命令之前等待服务器端脚本完全完成。如何让 JQuery 在收到命令后立即执行命令?

我唯一的想法是加载屏幕外的 iframe 并要求在此 iframe 中加载服务器.php页面,但是,我被困在这个 iframe 中......

你不能

,你要么必须实现 socket.io,要么改用$.getScript。

试试这个:

var s = document.createElement('script');
s.type = 'text/javascript';
s.src = 'test.php';
$('head').append(s);

好的,休息几天后我得到了这个工作。(我是新爸爸!基本上这是这样做的方法:

在文档上创建一个不可见的 iframe 并在其中加载远程 php 文件。这个php文件可以将一些javascript内容刷新到这个iframe,这是我发现让它按顺序显示它的唯一方法。

例如,我运行了这个测试:

<?
header( 'Content-type: text/html; charset=utf-8' );
echo '<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>';
$i = 0;
while($i < 10)
    {
        ?>
        <script type="text/javascript">
        $(window.parent.document).find('#subfolder13').append('<div class="folderline"><div class="closedfolder" style="margin-left:48px;"></div>Pecq</div>')
        </script>
        <?
        flush();ob_flush(); 
        usleep(200000); //0,2s
        $i++;
    }
?>

我不在乎开始时繁重的查询负载,因为这与调用方帧完全相同,因此在 99% 的情况下,该文件是新缓存的。如果真的需要,这可能是普通的javascript,不会改变这背后的想法。