單擊表單上的提交后如何保持在同一頁面上？

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內容