防止点击按钮后页面刷新答案

【问题标题】：prevent page from refreshing after clicking a button防止点击按钮后页面刷新
【发布时间】：2022-02-12 03:21:48
【问题描述】：

单击按钮后，页面刷新，这会干扰页面的进一步功能。我尝试将类型从“提交”更改为“按钮”，但按钮根本不起作用。我也尝试将函数返回 false。

我的简单代码是这样的

<html>
<body>
<form method="Get" action=""> 
<input type="submit" name="buttonV" onclick="function1()"> <br>
<input type="submit" name="buttonS" onclick="funciton2()">
</form>
</body>
</html>

<?php

 if ($_GET) {
        if (isset($_GET['buttonV'])) {
            function1();
        } elseif (isset($_GET['buttonS'])) {
            function2();
        }
    }
    
    function function1()
    { 
      // do stuff
    } 
    
    function function2()
    {
       // do stuff
    }

?>

如何防止页面刷新？

【问题讨论】：

onclick="function1()" 调用 JavaScript 函数，但您的函数似乎是 PHP
您正在用 PHP 编写代码（函数），所以如果页面没有刷新（从技术上讲，页面没有往返到可以运行 PHP 的服务器......）那么如何PHP 代码甚至会运行。您需要了解主要是 java 脚本的客户端代码与服务器端代码之间的区别。如果您不希望页面刷新您的函数，则应使用 java 脚本而不是 PHP。或者你需要学习如何在 php 中使用 ajax，它可以在不刷新整个页面的情况下运行你的服务器端代码。
在您的 javaScript 中，对表单内的按钮执行 preventDefault()。
提交按钮 SUBMIT

标签： php html

【解决方案1】：

我看到你正在使用 php。我不使用javascript。你可以使用'event.preventDefault()'。

【讨论】：