我研究了一段时间,发现的所有示例始终包括文本输入字段和php。

我创建了一个社区,其中有一个“类似按钮”,单击一次会显示较高的数字,再次单击会下降-1,它的工作原理就像是一种魅力。但是我不喜欢刷新部分,它弄乱了所有内容,并从顶部开始。

我已经尝试了大量的Ajax / Jquery编码,但是无法阻止“重载部分”。
我不知道是否要发布任何代码,因为我从不保存任何永远无法使用的毫无价值的代码。

但是,表单是这样开始的,并包含“提交图像”:

@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。在这种情况下没有任何收获。

最佳答案

如果您以前尝试使用jQuery来完成此操作,那么我希望您的代码看起来像这样:

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


这已经足够接近了,只是缺少了防止表单仍然以传统方式提交的部分。如果您还没有尝试过,请尝试这样做:

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


它的作用是防止form元素的默认行为(即通过页面重新加载提交自身),并且仅执行AJAX工作。

关于jquery - 如何提交表格而不刷新整个页面,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/25222071/

10-16 22:17
查看更多