如何在不刷新整个页面的情况下提交表单

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的东西。