单击表单上的提交后如何保持在同一页面上？

Question

我有一个html文件/页面，表单中会有多个输入字段。 此表单操作字段链接到另一个.php文件，其中所有输入的数据都写入数据库。 但是，当我点击提交表单时，我会被定向到.php文件，这不是我想要的。有什么方法可以将数据写入数据库，但保留在同一个html文件中？

Answer 1

如果你想这样做，你必须使用javascript和ajax。

你的表格：

<form id="yourform">...</form>

JavaScript的：

$(function() {
    $('#yourform').on('submit', function(e) {
        var data = $("#yourform :input").serialize();
        $.ajax({
            type: "POST",
            url: "script.php",
            data: data,
        });
        e.preventDefault();
    });
});

Answer 2

当然。 使用ajax。 在ajax上结合html进行一些网络搜索，你会找到你正在寻找的答案。 jquery是一个可能的javascript / ajax平台，可以为您简化此过程。

Answer 3

你有2个选择：

1 - 使用AJAX提交表单。 使用这种方法，页面将保持“刷新”，用户将在同一页面上

2 - 提交后，将用户重定向回上一页。

Answer 4

您可以使用ajax使提交按钮将表单数据发送到同一页面上的div标签。 如果您仔细阅读，动态驱动器中的代码应该可以使用。

动态驱动 - 动态Ajax内容