2013-04-27 21 views
0

我有一個php腳本,可以使用WoL在家中的電腦上啓動,然後檢查目標機器的連接並輸出狀態。使用AJAX顯示php腳本的輸出

我正在嘗試爲此做一個很好的網頁,在那裏我可以按下'開機'鏈接/按鈕,然後在那裏運行上述腳本並顯示'開機'按鈕旁邊的狀態。

我被告知使用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

實際加載後,您對加載的內容沒有做任何事情......可能最簡單的方法是使用load函數,因爲您可以指定其容器以及回調函數。例如:

HTML容器

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

JS

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

或回調

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

我不能得到這工作的。讓我可以肯定我的理解是正確的: 我的JS應該是這樣的: <腳本類型= 「文/ JavaScript的」 SRC = 「jquery.min.js」> <腳本類型=「文/ JavaScript的「> function doSomething(){(##mydiv')。load('status1.php',function(){alert('Loaded!');}); } 我把

放入html容器。但是當我按下「開機」時,仍然沒有任何反應。 – dnn 2013-04-27 13:44:45

+0

是的,這是正確的代碼...查看是否在控制檯(例如Chrome中的Dev Tools)中出現任何錯誤,並檢查在瀏覽器中直接打開「status1.php」文件時會發生什麼。 – Shomz 2013-04-27 14:12:08

+0

* facepalm *我的jquery.min.js在服務器上被命名爲錯誤。它現在顯示按下鏈接時的輸出。不是在正確的地方,但那是一些格式我需要亂搞:-)然而,我遇到了另一個問題,我現在才意識到這是我自己的錯。如果沒有連接到目標機器,status1.php有一個刷新頁面的功能。它會在刷新「失敗」之前刷新10次。這使得整個指數新鮮。任何方式來避免這種情況? – dnn 2013-04-27 14:53:01