[英]how to execute php function on html button click
您好我想在按鈕點擊時執行bb()
函數。
我嘗試了下面的代碼,但它沒有用。
echo "<div class ='i2' id=".$x.">";
echo "<button type='button' style='display: none;' id='i' name='delete' onclick='document.body.removeChild(this.parentNode)'>";
echo"</button>";
echo "</div>";
<?php
function bb()
{
echo "hello";
}
if (isset($_GET['delete'])) {
bb();
}
?>
你的按鈕是HTML,你的功能是PHP。 它們看起來像是在一起,因為它們在同一個文件中,但它們不在一起。 PHP僅存在於服務器上。 HTML僅適用於客戶端(瀏覽器)。 當您在瀏覽器上看到該按鈕時,PHP就消失了,您只有HTML。
要創建一個HTML按鈕來調用PHP函數,您必須將您的函數移動到PHP文件,然后讓您的按鈕使用Ajax調用它。 例:
bb1.html :包含使用Ajax調用PHP函數的按鈕。
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script type = "text/javascript">
function myAjax () {
$.ajax( { type : 'POST',
data : { },
url : 'bb2.php', // <=== CALL THE PHP FUNCTION HERE.
success: function ( data ) {
alert( data ); // <=== VALUE RETURNED FROM FUNCTION.
},
error: function ( xhr ) {
alert( "error" );
}
});
}
</script>
</head>
<body>
<button onclick="myAjax()">Click here</button> <!-- BUTTON CALL PHP FUNCTION -->
</body>
</html>
bb2.php :包含返回“hello”的函數。
<?php
function bb()
{
echo "hello"; // VALUE RETURNED.
}
bb();
?>
創建兩個具有給定名稱的文本文件,復制粘貼此代碼,打開瀏覽器並運行“localhost / bb1.html”。
這就是一個按鈕調用PHP函數的方式:Ajax完成了所有的魔術。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.