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

时间:2014-02-22 15:45:46

标签: php html forms

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

4 个答案:

答案 0 :(得分:2)

如果你想这样做,你必须使用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();
    });
});

答案 1 :(得分:0)

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

答案 2 :(得分:0)

您有两个选择:

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

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

答案 3 :(得分:0)

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

Dynamic Drive - Dynamic Ajax Content