onclick で PHP 関数を実行する
-
onclick()イベントで jQuery を使用して PHP 関数を実行する -
onclick()イベントでプレーン JavaScript を使用して PHP 関数を実行する -
GETメソッドとisset()関数を使用して、リンクから PHP 関数を実行する
また、jQuery ライブラリを使用して onclick() イベントで PHP 関数を実行する別のメソッドを紹介します。このメソッドは、PHP 関数の内容を Web ページに出力する JavaScript 関数を呼び出します。
また、プレーン JavaScript を使用して PHP 関数を呼び出す onclick() イベントで PHP 関数を実行する別のメソッドを示します。
この記事では、GET メソッドを使用して URL のデータを送信し、isset() 関数を使用して GET データをチェックする PHP 関数を実行するメソッドを紹介します。このメソッドは、データが設定されている場合に PHP 関数を呼び出し、関数を実行します。
onclick() イベントで jQuery を使用して PHP 関数を実行する
PHP 関数を実行する関数を作成することにより、jQuery を使用して onclick() イベントを実行できます。たとえば、PHP ファイル echo.php を作成し、関数 php_func() を記述します。関数内に Have a great day というメッセージを書いて、関数を呼び出します。別の PHP ファイルで、script タグ内に jQuery を記述します。Web ページを jQuery ソースにリンクすることを忘れないでください。HTML で、onclick() 属性を使用して button タグを記述します。属性の値を test() 関数として書き込みます。ボタンタグの間にテキスト Click を書きます。ボタンの下に空の div タグを作成します。関数 test() を script タグ内に記述します。URL を echo.php として AJAX メソッドを記述し、result をパラメーターとして success() 関数を記述します。次に、セレクターを使用して div タグを選択し、パラメーターとして result を指定して text() 関数を使用します。
以下の例では、AJAX メソッドを使用して非同期 HTTP リクエストを実行します。URL は、リクエストの送信先の URL を指定し、リクエストが成功すると success() 関数が実行されます。このメソッドは、現在の PHP ファイルと同じ場所にある echo.php ファイルにリクエストを送信します。リクエストは成功し、success() 関数が結果を返し、出力されます。
サンプルコード：
#php 7.x
<?php
function php_func(){
echo " Have a great day";
}
php_func();
?>
<script>
function test(){
$.ajax({url:"echo.php", success:function(result){
$("div").text(result);}
})
}
</script>
<button onclick="test()"> Click </button>
<div> </div>
出力：
Have a great day
onclick() イベントでプレーン JavaScript を使用して PHP 関数を実行する
このメソッドは JavaScript を使用して、onclick() イベントで PHP 関数を実行します。たとえば、Stay Safe というメッセージを表示する PHP 関数 php_func() を記述します。button タグを使用して、Click という名前のボタンを作成します。clickMe() 関数を値として、onclick() 関数を属性として指定します。script タグ内に関数 clickMe() を記述します。変数 result を作成し、PHP タグ内でその変数 php_func() を呼び出します。出力を出力するためのパラメーターとして result を指定して document.write() 関数を使用します。
以下の例では、ボタンをクリックすると JavaScript 関数 clickMe() が実行されます。次に、PHP 関数 php_func() が JavaScript 関数から実行されます。result 変数は PHP 関数からの結果を格納し、出力されます。
コード例：
#php 7.x
<?php
function php_func(){
echo "Stay Safe";
}
?>
<button onclick="clickMe()"> Click </button>
function clickMe() {
var result = '<?php php_func(); ?>'
document.write(result);
}
出力：
Stay Safe
GET メソッドと isset() 関数を使用して、リンクから PHP 関数を実行する
GET データでリンクの URL を設定し、isset() 関数でデータが設定されているかどうかを確認できます。PHP 関数を作成し、データが設定されている場合はその関数を呼び出すことができます。たとえば、関数 myFunction() を記述し、関数内に Have a great day というメッセージを表示します。アンカータグを使用してリンクを作成します。タグの href 属性を index.php?name=true として設定します。アンカータグの間に Execute PHP Function というテキストを記述します。$_GET 変数を指定した isset() 関数を使用して、name が設定されているかどうかを確認します。if ブロック内で関数 myFunction() を呼び出します。
以下の例では、GET データは URL を介して送信されます。name の値は true に設定されます。isset() 関数は true を返し、関数 myFunction() が実行されてメッセージが表示されます。
サンプルコード：
# php 7.x
<!DOCTYPE HTML>
<html>
<?php
function myFunction() {
echo 'Have a great day'.'<br>';
}
if (isset($_GET['name'])) {
myFunction();
}
?>
<a href='index.php?name=true'>Execute PHP Function</a>
</html>
出力：
Have a great day
Subodh is a proactive software engineer, specialized in fintech industry and a writer who loves to express his software development learnings and set of skills through blogs and articles.
LinkedIn