使用 onclick 執行 PHP 函式

Subodh Poudel 2023年10月12日
  1. 使用 jQuery 通過 onclick() 事件執行 PHP 函式
  2. 使用純 JavaScript 通過 onclick() 事件執行 PHP 函式
  3. 使用 GET 方法和 isset() 函式從連結執行 PHP 函式
使用 onclick 執行 PHP 函式

我們還將介紹另一種使用 jQuery 庫通過 onclick() 事件執行 PHP 函式的方法。該方法呼叫一個 JavaScript 函式,該函式將在網頁中輸出 PHP 函式的內容。

我們還將演示另一種使用 onclick() 事件執行 PHP 函式的方法,使用純 JavaScript 呼叫 PHP 函式。

本文將介紹一種執行 PHP 函式的方法,使用 GET 方法傳送 URL 中的資料,並使用 isset() 函式檢查 GET 資料。如果設定了資料並執行該函式,則此方法呼叫 PHP 函式。

使用 jQuery 通過 onclick() 事件執行 PHP 函式

我們可以使用 jQuery 通過編寫一個執行 PHP 函式的函式來執行 onclick() 事件。例如,建立一個 PHP 檔案 echo.php 並編寫一個函式 php_func()。在函式內寫一條訊息 Have a great day 並呼叫該函式。在另一個 PHP 檔案中,在 script 標籤內編寫一些 jQuery。不要忘記將網頁與 jQuery 源連結。在 HTML 中,編寫一個帶有 onclick() 屬性的 button 標籤。將屬性值寫為 test() 函式。在 button 標籤之間寫入文字 Click。在按鈕下方建立一個空的 div 標籤。在 script 標籤內編寫函式 test()。使用 echo.php 的 URL 編寫一個 AJAX 方法,並使用 result 作為引數編寫一個 success() 函式。然後使用選擇器選擇 div 標籤並使用 text() 函式和 result 作為引數。

在下面的示例中,我們使用 AJAX 方法來執行非同步 HTTP 請求。URL 指定要將請求傳送到的 URL,當請求成功時執行 success() 函式。該方法將請求傳送到 echo.php 檔案,該檔案與當前 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

使用純 JavaScript 通過 onclick() 事件執行 PHP 函式

此方法使用 JavaScript 執行帶有 onclick() 事件的 PHP 函式。例如,編寫一個 PHP 函式 php_func(),顯示訊息 Stay Safe。使用 button 標籤建立一個名為 Click 的按鈕。將 onclick() 函式指定為一個屬性,將 clickMe() 函式指定為其值。在 script 標籤內編寫函式 clickMe()。建立一個變數 result 並在 PHP 標籤內呼叫其中的 php_func()。使用 document.write() 函式和 result 作為引數來列印輸出。

在下面的示例中,JavaScript 函式 clickMe() 在我們單擊按鈕時執行。然後,從 JavaScript 函式執行 PHP 函式 php_func()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 的值設定為 trueisset() 函式返回 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 Poudel
Subodh Poudel avatar Subodh Poudel avatar

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