我可以让实时 PHP 数据显示在 jquery 对话框中吗？

我正在尝试将两种想法结合起来，但我不确定它们是否相互兼容。

想法一： 让 php 脚本运行命令（例如：ping）并在 Web 浏览器中提供命令的实时结果。

想法2： 出现一个 jQuery 对话框，打开时运行 php 脚本并在对话框中提供实时结果。

想法 1 相当容易实现 (ping.php)：

<?php
header('Content-Type: text/html; charset=utf-8');
set_time_limit(1800);
ob_implicit_flush(true);
ob_end_flush();

$exe_command = 'C:\\Windows\\System32\\ping.exe -n 10 google.com';

$descriptorspec = array(
    0 => array("pipe", "r"),  // stdin
    1 => array("pipe", "w"),  // stdout -> we use this
    2 => array("pipe", "w")   // stderr 
);
flush(); 

$process = proc_open($exe_command, $descriptorspec, $pipes);
echo "<pre>";  

if (is_resource($process))
{
    while ($s = fgets($pipes[1])) {  
        print $s; 

        flush();  
    }  
}
echo "</pre>"; 
?>

如果我在浏览器中打开 ping.php，我会得到一行一行的响应 YAY！

想法2给我带来了麻烦。 我可以打开对话框，但直到 php 完成工作后才会出现数据。这可能是 ajax 的本质，所以我可能在正确的方法上偏离了目标。

这是我的index.html 中的javascript：

<script language="Javascript">

function testGetScript() {
    $.getScript("./cgi-bin/ping.php", function(data) {
        var divResults = document.getElementById('pingMe');
        divResults.innerHTML = data;
    });
}

function initDialogs() {
    $('#testDialog').dialog({
        autoOpen: false,
        width: 800,
        title: "PINGING.....",
        modal: true,
        open: function(event, ui) {
            testGetScript();
        },
        close: function() {
            $(this).dialog("close");
            },
        buttons: [
            {text: "Done", click: function() {
                $(this).dialog("close");
            }}
        ]
    });

}

$(document).ready(function(){
    initDialogs();

    $("*[class='btn']").button().click(function() {
            $('#testDialog').dialog('open');
    });

</script>

有人对这是否可能有任何想法吗？ 如果是这样，您对如何实现这一目标有什么建议吗？

Use jQuery.get() http://api.jquery.com/jQuery.get/请求您的 PHP 页面，getScript http://api.jquery.com/jQuery.getScript/用于加载 javascript 文件。

$.get('yourpage.php', {}, function(data, status, xhr) {
    // all done, get your content from the data variable.
});

如果您在 get 调用的正文中显示弹出窗口，而不是从对话框中调用 get，则对话框将在拥有所有数据后显示。

编辑：AJAX 似乎在显示任何信息之前等待readyState 4。 PHP刷新似乎发送了一个readyState为3。您需要聆听并填写响应文本 https://stackoverflow.com/questions/2753982/how-to-load-an-ajax-jquery-request-response-progressively-without-waiting-for.

有一些潜在的错误可能需要禁用压缩 http://www.php.net/manual/en/function.flush.php#91556 and 将内容类型设置为 application/octet-stream https://stackoverflow.com/questions/3880381/xmlhttprequest-responsetext-while-loading-readystate-3-in-chrome.