如何在html按钮上执行php函数点击

您好我想在按钮点击时执行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完成了所有的魔术.

如何在html按钮上执行php函数点击

相关文章