如何处理 jQuery ajaxform 中的多个按钮？

【问题标题】：How do I handle multiple buttons in a jQuery ajaxform?如何处理 jQuery ajaxform 中的多个按钮？
【发布时间】：2010-09-06 04:26:03
【问题描述】：

我正在为 jQuery 使用 ajaxform 插件。我有一个带有 Save 和 Cancel 按钮的表单。

如何处理多个按钮，以便 Save 按钮发布到 URL，而 Cancel 按钮从不同的 URL 重新加载带有只读视图的表单容器？

【问题讨论】：

【解决方案1】：

你可以用一个

<input type="submit" ... />

为您的保存按钮和一个

<input type="button" class="cancel" ... />

为您的取消按钮。

您的 Save 按钮将使用 ajaxForm 发送表单，您可以使用 jQuery 为您的 Cancel 按钮设置另一个操作：

jQuery(function($){
    $('.cancel').click(function(){...});
});

【讨论】：

【解决方案2】：

将每个按钮放在不同的表单中。但是，如果取消按钮只是简单地重定向，那么它不能像锚一样简单地发布到 ActionResult 吗？

或者让取消按钮执行 AJAX 发布并返回 PartialView 的 html 并用部分视图 html 替换您想要的内容。

【讨论】：