个人中心
gpt4 book ai didi

javascript - 使用 Ajax 从实时 PHP 和 Python 输出更新页面内容

转载 作者：可可西里 更新时间：2023-11-01 00:55:28 27 4
gpt4 key购买 nike

老用户，第一次提问。我从社区学到了很多东西，我喜欢这个网站。

这就是我的目标。我想要一个在后端运行 ping 命令的 Web 界面。理想情况下，我想要一个具有允许您输入 IP 地址或域的文本输入的网站、一个运行命令的按钮和一个从 PHP 运行以实际运行 ping 命令的 python 脚本。棘手的部分是让输出实时打印到网站，因为它是在命令行上输出的。我想通过这种方式来验证这个概念并最终使用不同的 iperf 参数。

我构建了一个“技术上”完成工作的小 PHP 页面，但我无法弄清楚如何仅在单击按钮时调用 PHP 脚本。因为它是一个 PHP 页面，它会在页面加载时运行。所以经过一些研究，我认为 ajax jquery 就是我要找的东西。我花了大约 2 天的时间尝试不同的事情，这些事情让我非常接近，但似乎我在围绕我的解决方案跳舞。

根据我对 ajax 的了解，我基本上需要一个按钮来运行链接到我的工作 php 脚本的 ajax 函数。我可以让它运行脚本，但我无法让它以实时/连续的方式更新页面内容。仅当命令完成运行时。

这是我的 php 页面，它执行它需要执行的操作，但每次加载/重新加载页面时都会执行此操作。不理想。我希望脚本仅在按下按钮时运行。

liveping.php:

<!DOCTYPE html>
<html>
<head>
	<title></title>
</head>
<body>
	<form action="liveping.php" id="ping" method="post" name="ping">
		Domain/IP Address: <input name="domain" type="text"> <input name="ping" type="submit" value="Ping">
	</form><?php

	if (isset($_POST['ping'])) {
	  function liveExecuteCommand($cmd)
	  {
	      while (@ ob_end_flush()); // end all output buffers if any

	      $proc = popen("$cmd 2>&1", 'r');

	      $live_output     = "";
	      $complete_output = "";

	      while (!feof($proc))
	      {
	          $live_output     = fread($proc, 4096);
	          $complete_output = $complete_output . $live_output;
	          echo "<pre>$live_output</pre>";
	          @ flush();
	      }

	      pclose($proc);
	  }
	}

	$domain =  $_POST['domain'];

	$pingCmd = "python /var/www/html/ping.py ".$domain;

	if (isset($_POST['ping'])) {
	  liveExecuteCommand($pingCmd);
	}

	?>
</body>
</html>

平.py:

#!/usr/bin/python
import cgi
import os
import sys
ping = "ping -c 5 -W 2 "+sys.argv[1]
os.system(ping)

我尝试过的一些事情:

<html>
    <head>
        <script>
        var ajax = new XMLHttpRequest();
        ajax.onreadystatechange = setInterval(function() {
            if (ajax.readyState == 4) {
                document.getElementById('content').innerHTML = ajax.responseText;
            }
        },100);
        function updateText() {
            ajax.open('GET', 'ajax.php');
            ajax.send();
        }
        </script>
    </head>
    <body>
        <button onclick="updateText()">Click Me</button>
        <div id="content">Nothing here yet.</div>
    </body>
</html>
或者 

<!DOCTYPE html>
<html>
	<body>
		<head>
			<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.0/jquery.min.js"></script>

			<script type="text/javascript">
			   var auto_refresh = setInterval(
			      function ()
			      {
			         $('#load_tweets').load('ajax.php').fadeIn("slow");
			      }, 1000); // refresh every 10000 milliseconds
			</script>

		</head>

     <div id="load_tweets"> </div>
	
	</body>
</html>

使用 ajax.php

<?php
while (@ ob_end_flush()); // end all output buffers if any

$proc = popen("ping -c 5 -W 2 google.com", 'r');

$live_output     = "";
$complete_output = "";

while (!feof($proc))
{
    $live_output     = fread($proc, 4096);
    $complete_output = $complete_output . $live_output;
    echo "<pre>$live_output</pre>";
    @ flush();
}

pclose($proc);
?>

感谢您的帮助!

最佳答案

您不需要 python 来显示 ping 结果。只需两个 PHP 文件就足够了。

  1. index.php 将具有 AJAX 功能以及表单。
  2. ajax.php 将具有 ping 指定域地址的代码。

我担心使用 jQuery 您可能无法捕捉到实时提要。因为它没有任何onreadystatechange。因此，在这种情况下您可能需要使用 vanilla JavaScript。这是一个工作演示:

index.php:

<!DOCTYPE html>
<html>
<head>
    <title>Ping AJAX</title>
</head>
<body>
    <div>
        Domain/IP Address: <input id="domain" type="text"> 
        <input id="ping" type="button" value="Ping">
    </div>
    <div id="result"></div>
    <script>
        function updateText(domain) {
            var ajax = new XMLHttpRequest();
              ajax.onreadystatechange = function() {
                if (this.readyState == 3) {
                  var old_value = document.getElementById("result").innerHTML; 
                  document.getElementById("result").innerHTML = this.responseText;
                }               
            };          
            var url = 'ajax.php?domain='+domain;
            ajax.open('GET', url,true);
            ajax.send();
        }
        document.getElementById("ping").onclick = function(){
            domain = document.getElementById("domain").value;
            updateText(domain);
        }
    </script>
</body>
</html>

ajax.php:

<?php
if (isset($_GET['domain'])) {
    function liveExecuteCommand($cmd)
    {
        while (@ ob_end_flush()); // end all output buffers if any

        $proc = popen($cmd, 'r');

        $live_output     = "";
        $complete_output = "";

        while (!feof($proc))
        {
            $live_output     = fread($proc, 4096);
            $complete_output = $complete_output . $live_output;
            echo "<pre>$live_output</pre>";
            @ flush();
        }

        pclose($proc);
    }   
    $domain =  $_GET['domain'];
    $pingCmd = "ping ".$domain;
    liveExecuteCommand($pingCmd);
}
else{
    echo "No post request";
}
?>

输出:

Output_after_Executing

免责声明:

由于我目前使用的是 Windows 操作系统，因此 ping 命令已更改。根据您的操作系统更新它。

作为第一次提问的人，你把问题描述得很工整，也表现出了你为解决问题所做的努力。我真的很感激。

关于javascript - 使用 Ajax 从实时 PHP 和 Python 输出更新页面内容，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/46184295/

27 4 0
文章推荐： ios - 如何知道后台运行的iOS应用程序的蓝牙设备连接/断开状态回调？
文章推荐： java - 可以从 List 生成平面 XML 结构的 XStream 自定义转换器？
文章推荐： ios - 混合语言(ObjC+Swift)动态框架中的公共(public)swift类导入 "private"模块
文章推荐： swift - 从 Firestore 填充 UITableView
可可西里
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com