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

Bis*_*ura 3 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();
}

?>
Run Code Online (Sandbox Code Playgroud)

Jos*_*uez 8

你的按钮是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>
Run Code Online (Sandbox Code Playgroud)

bb2.php:包含返回"hello"的函数.

<?php

function bb()
{
echo "hello";  // VALUE RETURNED.
}

bb();

?>
Run Code Online (Sandbox Code Playgroud)

创建两个具有给定名称的文本文件,复制粘贴此代码,打开浏览器并运行"localhost/bb1.html".

这就是一个按钮调用PHP函数的方式:Ajax完成了所有的魔术.