首页 / HTML / 如何在html按钮上执行php函数点击

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

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了如何在html按钮上执行php函数点击，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1421字，纯文字阅读大概需要3分钟。

内容图文

您好我想在按钮点击时执行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函数点击全部内容，希望文章能够帮你解决如何在html按钮上执行php函数点击所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/749301.html

来源：【匿名】