Php 如何通过单击按钮使页面不重新加载_Php_Jquery_Html

Php 如何通过单击按钮使页面不重新加载

php jquery html

Php 如何通过单击按钮使页面不重新加载,php,jquery,html,Php,Jquery,Html,我只是学习html和css，我需要做一个项目，建立一个机器人和控制机器人使用的网站当我点击按钮时，它将转到其他页面或重新加载如何在不重新加载页面的情况下传递按钮中的值这是我的代码： <!DOCTYPE html> <html> <head> <title>RPOC</title> </head> <body> <form action="wel

我只是学习html和css，我需要做一个项目，建立一个机器人和控制机器人使用的网站

当我点击按钮时，它将转到其他页面或重新加载

如何在不重新加载页面的情况下传递按钮中的值

这是我的代码：

<!DOCTYPE html>
<html>
    <head>
        <title>RPOC</title>
    </head>

    <body>
        <form action="welcome.php" method="post" type='submit'>
            <button>FORWARD
            <input type="hidden" name="value" value="1"><br></button>
        </form>

        <form action="welcome.php" method="post" type='submit'>
            <button>BACKWARD
            <input type="hidden" name="value" value="2"><br></button>
        </form>

    </body>
</html>


RPOC
向前地


向后的

您的html包含一些错误。试试这个：

<body>
    <form action="welcome.php" method="post">
        <input type="hidden" name="value" value="1">
        <button type="submit">FORWARD</button>
    </form>

    <form action="welcome.php" method="post">
        <input type="hidden" name="value" value="2">
        <button type="submit">FORWARD</button>
    </form>
</body>


向前地
向前地

已从表单元素中删除type=“submit”

删除按钮元素中的隐藏输入

向按钮元素添加type=“submit”

看起来你需要一个ajax调用

尝试类似的方法，但必须创建一个ajax.page.php文件。您可以通过以下网站了解更多信息：

$（'#btoForward01'）。单击（函数（e）{
var value01=$（'#value01'）.val（）；
var fullURL=“ajax.page.php？value01=“+value01；
//console.log（urlCompleta）；
e、 预防默认值（）；
$.ajax({
url:fullURL，
成功：功能（结果）{
console.log（“一切正常”）；
},
状态代码：{
404:函数（）{alert（“找不到页面”）；}，
500:function（）{alert（“PHP错误”）；}
}
});
});

向前地
在发布之前您没有找到/尝试过任何东西吗？
这是无效的。请将值放在提交按钮上：向前向后
假设欢迎。php在$\u POST[“value”]
上运行。我建议查找ajax及其工作方式。将值传递到哪里？到服务器？如果是这样，那么ajax就是您所需要的。网上已经有很多例子了。