在網頁開發中,使用javascript的onclick事件來執行php函數是一種常見的技術。通過點擊html元素觸發javascript函數,再由javascript調用后端的php函數實現動態交互。這種方法可以實現網頁內容的動態更新和數據處理,提高用戶體驗和交互性。在實際開發中,結合ajax等技術,可以實現更加復雜的功能和頁面交互效果。本文將介紹如何使用onclick事件來執行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
的值設置為 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
登錄后復制登錄后復制