我研究了一段时间,发现的所有示例始终包括文本输入字段和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/