如何在html按钮单击上执行php函数答案

【问题标题】：how to execute php function on html button click如何在html按钮单击上执行php函数
【发布时间】：2015-07-03 12:23:54
【问题描述】：

您好，我想在单击按钮时执行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();
}

?>

【问题讨论】：

将你的函数移动到另一个文件（bb.php），然后调用它提交表单或使用 Ajax。

标签： php html

【解决方案1】：

你的按钮是 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 完成了所有的魔法。

【讨论】：