Question

我有两个php页面。第一页将加载到客户端浏览器和显示按钮。如果点击它将使用ajax调用来执行我的第二个php页面。第二个php页面使用ssh2_exec连接到服务器，执行一些shell脚本并在同一个加载页面上显示输出而不刷新。我能够通过现有页面实现这一目标。但它在第二页完成执行后立即显示完整输出。我想在第二个php页面开始执行时输出应该开始在客户端浏览器上逐行显示。

以下是我的2页：

php page1：

<!DOCTYPE html>
<head>
<link rel="stylesheet" href="../css/new_style.css" />
</head>
<script>
function disable()
{
document.getElementById("save").disabled = true;
}

function enable_button()
{
document.getElementById("save").disabled = false;
if (window.XMLHttpRequest) {
        xmlhttp = new XMLHttpRequest();
}
else {
xmlhttp = new ActiveXObject('Microsoft.XMLHTTP');
}

xmlhttp.onreadystatechange = function() {
if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
   document.getElementById('output').innerHTML = xmlhttp.responseText;
 }
}

xmlhttp.open('GET', 'arg0_orgcmd_exec.php?id=118' , true);
xmlhttp.send();
}


function disable_button()
{
document.getElementById("execute").disabled = true;
   }

</script>


<body>

<div class="main_body">

<form action=" " method="" name="output_frame">
<center>
<input class=" " id="execute" onclick="enable_button();" type="button" name="submit" value="Execute" />
<input class=" " disabled name="save"  id="save" type="submit"  onclick="disable_button();" value="Save In File" />
<input class=" btn btn-danger back-btn" type=button onclick="location.href='main_menu.php'" value='Close' />
</center>
</form>
</div>

<div id="output" class="output">
</div>
<iframe name="iframe_output"></iframe>

</body>
</html>

arg0_orgcmd_exec.php：

<?php
$page_id = $_GET['id'];

$conn = ssh2_connect($server_ip,$server_port);
ssh2_auth_password($conn, $server_id, $server_pass);

//Checking web.lock file
$stream_lock =  ssh2_exec($conn, "ls /tmp/web.lock" );
stream_set_blocking($stream_lock, true);
$check_lock = stream_get_contents($stream_lock);
if(empty($check_lock)) {
            $script_output1 = ssh2_exec($conn, "touch /tmp/web.lock ;  my_script.sh ; rm -rf /tmp/web.lock" );
        stream_set_blocking($script_output1, true);
        echo "<pre>";
        while($line1 = fgets($script_output1)) {
        echo $line1;
        ob_flush();
        flush();

               }
        echo "</pre>";
                                echo "<br />";
                                echo "<h2>Script Output Finished!!!!<h2>";
                                echo "<br />";
}else {echo "Already one pending script running in selected server. Kindly wait!!!"; }



fclose($script_output1);
ssh2_exec($conn, 'exit');
unset($conn);

?>

Answer 1

您的代码存在的问题是，使用AJAX，您无法获取可用数据，只能在服务器端脚本关闭连接后获得完整响应。

一种解决方案是使用Server Sent Events

var evtSource = new EventSource("arg0_orgcmd_exec.php?id=118");
evtSource.onmessage = function(e) {
  var newElement = document.createElement("div");

  newElement.innerHTML = "<br />message: " + e.data;
  document.getElementById('output').appendChild(newElement);
}

您的PHP脚本也需要修改：

header("Content-Type: text/event-stream\n\n");
$page_id = $_GET['id'];

$conn = ssh2_connect($server_ip,$server_port);
ssh2_auth_password($conn, $server_id, $server_pass);

//Checking web.lock file
$stream_lock =  ssh2_exec($conn, "ls /tmp/web.lock" );
stream_set_blocking($stream_lock, true);
$check_lock = stream_get_contents($stream_lock);
if(empty($check_lock)) {
        $script_output1 = ssh2_exec($conn, "touch /tmp/web.lock ;  my_script.sh ; rm -rf /tmp/web.lock" );
        stream_set_blocking($script_output1, true);
        echo "event: commandStarted\n";

        while($line1 = fgets($script_output1)) {
             echo 'data: ' . json_encode($line1) . "\n\n";
             ob_flush();
            flush();
       }          
       echo "event: commandEnded\n";
} else {
     echo 'data: "Already one pending script running in selected server. Kindly wait!!!"' . "\n\n"; 
}

fclose($script_output1);
ssh2_exec($conn, 'exit');
unset($conn);

如何使用ajax在php页面中运行时显示shell脚本的输出

1 个答案: