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

我有一個html文件/頁面，其中將有一個窗體中的多個輸入字段。這個表單動作域被鏈接到另一個.php文件，其中所有輸入的數據都被寫入數據庫。但一旦我點擊提交表單我得到的.php文件不是我想要的。是否有任何方式可以將數據寫入數據庫，但仍保留在同一個html文件中？如何在單擊表單上的提交後保留在同一頁面上？

來源

2014-02-22 DeadDjangoDjoker

你可能想從PHP文件重定向到HTML文件 –

例如，您可以重定向回，處理在同一頁上的PHP或使用一些AJAX。所有這些方法最終都會放在同一個HTML文件中。 –

當然。使用ajax。在ajax上結合html做一些網絡搜索，你會發現你正在尋找的答案。 jQuery是一個可能的javascript/ajax平臺，可以爲你簡化這個過程。

來源

2014-02-22 15:49:02 horace

如果你想這樣做，你必須使用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(); 
    }); 
});

來源

2014-02-22 15:49:45 Philipp

謝謝，它工作。 – DeadDjangoDjoker

你有2種選擇：

1 - 提交您的形式使用AJAX。使用這種方法，頁面將保持「刷新」，並且用戶將在同一頁面上

2 - 提交後，將用戶重定向回到上一頁。

來源

2014-02-22 15:50:31 fgasparini

您可以使用ajax將提交按鈕發送到同一頁面上的div標籤。如果您仔細閱讀，Dynamic Drive的代碼應該可以正常工作。

Dynamic Drive - Dynamic Ajax Content

來源

2014-02-22 15:51:12 SystemX17