没有页面刷新的 ASP.NET MVC 5 表单 AJAX 发布

Question

我有一个基本的 ASP.NET MVC 5 页面，上面有一个 @HTML.BeginForm 对象。这个表单将是非常动态的，并且会在用户使用它时添加各种东西。

我希望在 AJAX Post 调用控制器从数据库中收集数据（用于填充选择框）之前，该表单中有几个按钮，但我不希望它们实际提交表单。我想在表单底部有一个按钮，上面写着“提交”，并在用户完成后实际提交整个表单。

我想在@HTML.BeginForm 对象中添加其他按钮，这些按钮能够发布到服务器以从数据库中收集数据，而无需实际提交整个表单。我将jquery.unobtrusive-ajax.min.js 库添加到我的页面，但这似乎没有帮助。

只要单击表单中的按钮，它就会立即尝试提交整个表单并刷新页面。我该如何解决这个问题？

Answer 1

这是我自己想出来的。您必须拥有jquery.unobtrusive-ajax.min.js 库，但除此之外，您必须使用<input /> 元素而不是<button /> 元素。我相信@HTML.BeginForm 元素中的任何<button /> 元素都会自动提交表单。我从<button /> 切换到<input />，现在可以正常工作了。