如何在不刷新整個頁面的情況下提交表單

Question

我已經調查了一段時間，我發現的所有示例都包含文本輸入字段和php。

我創建了一個擁有“Like-button”的社區，只需點擊一下即可顯示更高的數字，再次點擊它會下降-1，它就像一個魅力。 但是我不喜歡刷新部分，它會把一切都弄糟，從頂部開始。

我已經嘗試了大量的Ajax / Jquery編碼，但無法阻止“重裝部分”。 我不知道我是否有任何代碼要發布，因為我從來沒有保存任何無用的代碼。

但是，表單就像這樣開始並包含“submit-image”：

@using (Ajax.BeginForm("Like", "Home", FormMethod.Post, null, new { id = "LikeForm" }))
{
...
<input type="image" src="../Images/star.png" name="submit" />
...
}

結果顯示在附近。

一切都被發送到ActionResult Like（） ，它保存了數據庫中的所有內容。 結果稍后在視圖中顯示 。 我希望那部分沒什么不尋常的。

再一次，我看了很多例子，沒有一個對我有用，我的主要信息頁面是http://api.jquery.com/和stackoverflow。 在這種情況下沒有任何進展。

Answer 1

如果您之前嘗試使用jQuery，我希望您的代碼看起來像這樣：

$('#LikeForm').on('submit', function() {
  // do AJAX stuff here
});

這已經足夠接近，只是錯過了它阻止表單仍然以傳統方式提交的部分。 如果您還沒有嘗試過，請嘗試這樣做：

$('#LikeForm').on('submit', function(e) {
  e.preventDefault();
  // do AJAX stuff here
});

它的作用是它阻止了表單元素的默認行為（也就是說，通過頁面重新加載來提交自己），並且只是執行AJAX的東西。