2016-08-23 11 views
0

私はhtmlist、javascript、phpの知識が限られています。私はWebサーバーとしてRaspberry Piマイクロコンピュータをセットアップしました。出発点として、WebページのボタンでPiに接続されているLEDをオンにしたいと考えています。今、私はボタンがクリックされたときにページがリロードされないようにAJAX機能を使用してコードを書き直したいとここにボタンをクリックしてphpスクリプトを実行するにはajaxを使用してください

<html> 
<head> 
<meta name="viewport" content="width=device-width" /> 
<title>LED Control</title> 
</head> 
    <body> 
    LED Control: 
    <form method="get" action="min.php"> 
     <input type="submit" value="ON" name="on"> 
    </form> 
    <?php 
    $setmode7 = system("gpio mode 7 out"); 
    if(isset($_GET['on'])){ 
     $gpio_on = system("gpio write 7 1"); 
     echo "LED is on"; 
    } 
    else { 
     echo "LED is off"; 
    } 
    ?> 
    </body> 
</html> 

:私は働き、次のコードを(htmlファイルの名前はmin.phpです)持っています私は問題があります。投稿された例をたくさん見てみましたが、私はちょっとしたことを乗り越えることはできません。次のように私はhtmlコードを変更:

<html> 
<head> 
<meta name="viewport" content="width=device-width" /> 
<title>LED Control</title> 
</head> 
<body> 
<button type="button" onclick="LED_On()">LED On</button> 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"><?script> 
<script> 
function LED_On(){ 
    $.ajax({ 
     url:"LED_On.php", 
     type:"GET", 
     data:"on" 
    }); 
} 
</script> 
</body> 
</html> 

LED_On.phpファイルには、次のコードを持っており、htmlファイルと同じディレクトリに格納されます。

<?php 
if(isset($_GET['on'])){ 
    $setmode7 = system("gpio mode 7 out"); 
    $gpio_on = system("gpio write 7 1"); 
    echo "LED is on"; 
    } 
    else { 
     echo "LED is off"; 
    } 
?> 

点灯しない]ボタンをクリックしますLED。どんな助けもありがとうございます。

+0

に変更する必要がありますか?スクリプトが呼び出されたかどうかを確認しますか? 'system()'呼び出しが何かをしたかどうかを確認します。 –

+0

'data:{on:" true "} ' –

+0

は' ' – ewizard

答えて

1

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"><?script> 

<?script>あなたのコードをチェックしてくださいは、Ajaxコードが実際にサーバにHTTPリクエストを送信した場合、チェックインのように、すべての基本的なデバッグを行って</script>

+0

それでした。ありがとうございました。 – Arthur

関連する問題