如何使用 JavaScript 发布 ASP.NET MVC Ajax 表单而不是提交按钮

我有一个使用创建的简单表单Ajax.BeginForm:

<% using (Ajax.BeginForm("Update", "Description", new { id = Model.Id },
     new AjaxOptions
     {
       UpdateTargetId = "DescriptionDiv",
       HttpMethod = "post"
     },new {id ='AjaxForm' })) {%>
Description:
<%= Html.TextBox("Description", Model.Description) %><br />
<input type="submit" value="save" />
<% }%>

控制器已连接并返回更新的部分视图DescriptionDiv。一切都很顺利。

现在我希望能够在没有提交按钮的情况下提交此表单（通过点击链接或图像或其他方式）。不幸的是，这个小 jQuery 片段并不能完成这项工作：

$('form#AjaxForm').submit();

它确实提交了表单，但（我想这并不奇怪）是定期回发而不是 Ajax 回发。

为了简单起见，上面的 jQuery 是这样连接的：

<a href="#" onclick="$('form#AjaxForm').submit(); return false;">submit</a>

表单的 onsubmit 使用 Sys.Mvc.AsyncForm.handleSubmit() 但 jQuery 提交似乎绕过了这一点。

附言。我正在寻找这种特殊方法的解决方案。我知道如何使用普通表单实现相同的目的并使用 AJAX+jQuery 发布它。不过，我对这个特定的解决方案很感兴趣。

我假设您在选择器周围缺少引号只是一个转录错误，但无论如何您都应该检查它。另外，我不明白你实际上在哪里给表单提供了 id。通常您可以使用 htmlAttributes 参数来执行此操作。我没有看到你使用包含它的签名。不过，如果表单完全提交，这可能是转录错误。

如果选择器和 id 不是问题，我怀疑这可能是因为当您使用 Ajax BeginForm 扩展时点击处理程序是通过标记添加的。您可以尝试使用 $('form').trigger('submit') 或者在最坏的情况下，让锚点上的单击处理程序在表单中创建一个隐藏的提交按钮并单击它。或者甚至使用纯 jQuery 创建您自己的 ajax 提交（这可能就是我会做的）。

最后，您应该意识到，通过替换提交按钮，对于没有启用 JavaScript 的人来说，您将完全打破这一点。解决这个问题的方法是使用 noscript 标签隐藏一个按钮，并处理服务器上的 AJAX 和非 AJAX 帖子。

顺便说一句，通过 javascript 而不是通过标记添加处理程序是标准做法，微软对此不予理睬。这可以使您的 JavaScript 组织在一个位置，以便您可以更轻松地查看表单上发生的情况。这是我如何使用触发机制的示例。

  $(function() {
      $('form#ajaxForm').find('a.submit-link').click( function() {
           $('form#ajaxForm').trigger('submit');
      }).show();
  }

<% using (Ajax.BeginForm("Update", "Description", new { id = Model.Id },
     new AjaxOptions
     {
       UpdateTargetId = "DescriptionDiv",
       HttpMethod = "post"
     }, new { id = "ajaxForm" } )) {%>
   Description:
   <%= Html.TextBox("Description", Model.Description) %><br />
   <a href="#" class="submit-link" style="display: none;">Save</a>
   <noscript>
       <input type="submit" value="Save" />
   </noscript>
<% } %>