2011-07-27 22 views
3

私は、ボタンをクリックしたときに事態を起こす単純なウェブページを作りようとしています。PHPをJavascript経由でサーバーに呼び出しますか?

私はJavascriptを使用しようとしているので、メインページなどをリロードする必要はありません。

「シャットダウン」と書かれたボタンが必要なので、シャットダウンを実行するだけでシャットダウンすることができます。

私は今1時間を探していて、簡単な例は見つけられません。誰かが非常に単純な例やリンクを投稿してもらえますか?

多くの感謝:)

EDIT: わかりましたので、ここで私の哀れな試みだ...それは...任意のヒントを動作しませんか?

<html> 
<head> 
<title>Control Page</title> 
</head> 

<body> 

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript"> 
/************************************* 
JQUERY EXAMPLE 
*************************************/ 
$('#mysubmit').click(){ 
    var jqueryXHR = $.ajax({ 
     'type': 'POST', 
     'url': 'http://localhost/killIE.php', 
     'dataType': 'json' 
     }); 
    } 
} 
</script> 

<input type="submit" name="mysubmit" value="Click!" /> 


</body> 
</html> 
+0

は完全なページのバージョンを追加しました:) – ThatGuy

+0

をも - 。すでにWILサーバー側のスクリプトを持っていますlシャットダウンを起動します。なぜなら、PHPは通常は誰もユーザとして実行されないため、サーバをシャットダウンする権限がないからです。 – ThatGuy

+0

ありがとう、心配しないで、私はそのものを理解することができます、私はこのウェブのものでは無知です。再度、感謝します! – David

答えて

6

Yep - AJAXと呼ばれる技術。 生のjavascriptで作成することも、既製のライブラリを使用することもできます。 最近、(主観的に)最も普及しているJSライブラリはjQueryです。私の例ではこれを使用します。

注:これは、ページをリロードせずにサーバー上のPHPスクリプトshutDown.phpを起動します。しかし、サーバーをシャットダウンした後に明らかにWebリクエストを解析することはできません:)...

/************************************* 
JQUERY EXAMPLE 
*************************************/ 
$('#myShutdownButton').click(){ 
    var jqueryXHR = $.ajax({ 
     'type': 'GET', 
     'url': 'http://someServer.com/shutDown.php', 
     'data': {'shutdownServer': 'yes'},//optional 
     'dataType': 'json' 
     }); 
    } 
} 

P.S.

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript"></script> 

そして、スクリプトタグの内側にそのjqueryのコードを置く:私はあなたが、あなたのhtmlファイルのヘッダーに最初にこのような何かをjQueryライブラリをロードする必要があることを知っていることを前提とし

UPDATED
<script> 
...that jQuery code... 
</script> 

要求によって - 完全なスクリプトのバージョン

<html> 
<head> 
<title>Control Page</title> 
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript"></script> 
    <script> 
     //we need document.ready call to make sure that DOM loaded before we try to bind anything 
     $(document).ready(function() { 
      //Here we bind click event 
      $('#mysubmit').bind('click', function(e){e.preventDefault(); 
       //This is what happens on click - we send AJAX request 
       var jqueryXHR = $.ajax({ 
        'type': 'POST', 
        'url': 'http://localhost/killIE.php', 
        'dataType': 'json' 
        }); 
       //And when AJAX requests complete(succeeded or failed) - we update text 
       jqueryXHR.complete(function(){ 
        $('span#result').html('Oh no!!! the End is neearh! erver is shutting DoWn.') 
       }); 
      }) 
     }); 
    </script> 
</head> 
<body> 
    <input type="submit" id="mysubmit" value="Kill da server!" style = "margin-left:100px; margin-top:100px;" /> 
    <br/> 
    <br/> 
    <br/> 
    <span id = "result">Not clicked yet - good!</span> 

</body> 
</html> 
+0

これは素晴らしいことです、ありがとうございます!あなたは私の編集を見て、私が間違ってやっていることを見ていただけますか? – David

+0

ありがとう、ありがとう、ありがとう!あなたはそんなに手伝った! – David

-1

あなたが探しているのはAJAXです。それを検索!

0

JavaScriptを使用してAjaxコールを行う場合は、jQueryを使用することをお勧めしますが、必要な場合はjavascriptでのみ行うことができます。

これが役に立ちます。

0

なぜポップアップでPHPファイルを開くだけではないのですか?私は本当にあなたがモーダルポップアップにそれを読み込むことができます空想を取得したいと思う。私はそれが何か "shutDown.php"は、それがちょうどページの負荷で実行されることです。だからあなたはそれをどのように呼び出すかはあまり関係ありません。

<html> 
<head> 
<script type="text/javascript"> 
function open_win() 
{ 
window.open("http://www.url.com/shutDown.php") 
} 
</script> 
</head> 
<body> 

<input type=button value="Shut Down" onclick="open_win()" /> 

</body> 
</html> 
-1
あなたはshutdownmボタンをクリックしたときだけ、次のページで、このページを開いて、同じページで開いてはいけないと...それを実行し、一定期間後に新しいページを閉じること

一つのことを行います.. ので、 uがこれを試してみてください。.. ・ホープこの作品..ページをリロードする必要がいけない...ここで

0

はこれを行う方法をお教えすることができます簡単なチュートリアルです:http://aleembawany.com/2005/09/01/ajax-instant-tutorial

けれども、私はそれがだと言っていますあなたのサーバーをシャットダウンするパワフルなPHPファイルを持つことはあまり安全ではありません。間違った人がURLを保持している場合...

関連する問題