使用AJAX显示php脚本的输出_Php_Javascript_Html_Ajax

使用AJAX显示php脚本的输出

php javascript html ajax

使用AJAX显示php脚本的输出,php,javascript,html,ajax,Php,Javascript,Html,Ajax,我有一个php脚本，它能够使用WoL在家中为我的计算机供电，然后检查目标机器的连接并输出状态我正试图为此制作一个很好的网页，在这里我可以按下一个“开机”链接/按钮，然后它运行前面提到的脚本，并在“开机”按钮旁边显示状态我被告知要使用AJAX，但无法让它显示任何内容 My index.php： <html> <meta content="text/html; charset=utf-8" http-equiv="Content-Type"> <title>W

我有一个php脚本，它能够使用WoL在家中为我的计算机供电，然后检查目标机器的连接并输出状态

我正试图为此制作一个很好的网页，在这里我可以按下一个“开机”链接/按钮，然后它运行前面提到的脚本，并在“开机”按钮旁边显示状态

我被告知要使用AJAX，但无法让它显示任何内容

My index.php：

<html>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type">
<title>WOL</title>

<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript">
function doSomething() {
    $.get("status1.php");
    }
</script>

<?php
echo "10.0.0.20 &nbsp;&nbsp;&nbsp; roadrunner &nbsp;&nbsp;&nbsp;";
echo '<a href="#" onclick="doSomething()">power on</a>';
?>

</html>


沃尔
函数doSomething（）{
$.get（“status1.php”）；
}

status1.php以

<?php
echo htmlheader(); 
echo htmlcontent(); 
?>

我可能应该提到我对JS非常陌生，对php也有些陌生

我做错了什么？

在实际加载内容之后，您没有对加载的内容做任何操作。。。可能最简单的方法是使用函数，因为您可以指定其容器以及回调函数。例如：

HTML容器

<div id="mydiv"></div>

或者通过回调

$('#mydiv').load('status1.php', function() {alert('Loaded!');});

我也不能让它工作。让我确保我理解正确：我的JS应该是这样的：函数doSomething（）{$（'#mydiv'）.load（'status1.php'，函数（）{alert（'Loaded！'）；}}我已经放入html容器中。但当我按下“开机”按钮时，仍然没有任何反应。是的，这是正确的代码。。。查看控制台中是否出现任何错误（例如，Chrome中的开发工具），并检查直接在browser.facepalm中打开文件

status1.php

时会发生什么。我的jquery.min.js在服务器上被命名为错误。按下链接后，它现在显示输出。不在正确的位置，但这是我需要处理的一些格式：-）然而，我遇到了另一个问题，我现在才意识到这是我自己的错。status1.php有一个函数，在没有连接到目标机器时刷新页面。在回显“失败”之前，它将刷新10次。这使整个索引变得新鲜。有没有办法避免这个？嗯，我想你需要禁用那个刷新的东西。。。或者在这里提出另一个问题，因为如果没有关于新问题的更多细节，我想我无法帮助你。

$('#mydiv').load('status1.php', function() {alert('Loaded!');});