使用AJAX显示php脚本的输出

时间:2013-04-27 13:18:14

标签: php javascript html ajax

我有一个php脚本,它可以使用WoL在家里的电脑上电,然后检查目标机器的连接并输出状态。

我正在努力创建一个漂亮的网页,我可以按下“开机”链接/按钮,然后运行上述脚本,并在“开机”按钮旁边显示状态。 / p>

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

我的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>

stautus1.php以

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

我可能应该提到我是JS的新手,也是php的新手。

我做错了什么?

1 个答案:

答案 0 :(得分:1)

在实际加载后,你没有对加载的内容做任何事情......可能最简单的方法是使用load函数,因为你可以指定它的容器以及回调函数。例如:

HTML容器

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

JS

$('#mydiv').load('status1.php');

或使用回调

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