如何阻止提交事件并使用onclick事件调用ActionResult方法创建使用Jquery ASP.NET MVC提交表单数据？

Question

如果我的按钮类型是提交，我如何使用onclick事件调用动作结果方法我尝试这样做 $("#btnSave).click(function(e){ e.preventDefault(); @Url.Action("Create","ControllerName"); });

Answer 1

如果您想使用ajax提交表单数据，可以使用jQuery serialize()方法序列化表单并发送。

$(function(){

  $("#btnSave").click(function(e){
      e.preventDefault();
      var _f=$(this).closest("form");
      $.post(_f.attr("action"),_f.seriazlize(),function(response){
         //do something with response
      });
  });

});

假设您的按钮位于您要提交的表单内，并且其action属性值设置为Create action method。

@using(Html.BeginForm("Create","YourControllerName"))
{
  <!-- Your other form elements goes here -->
  <input type="button" id="btnSave" />
}