如何使用 Ajax.BeginForm 更新 div 并执行 javascript 函数？

Question

我正在使用这样的方法更新带有部分视图的 div：

<% using (Ajax.BeginForm("Action", "Controller",
               new { id=Model.id },
               new AjaxOptions
               {
                   UpdateTargetId = "divId",
                   InsertionMode = InsertionMode.InsertAfter,
               }))
   {  %>

它工作正常，返回的视图被附加到 div，但是我现在需要在发布成功时执行 JavaScript，所以我想：“简单，只需将 OnSuccess = "MyJsFunc()" " 添加到 AjaxOptions 即可，但这样做后，它停止工作了！现在页面已刷新，并且仅呈现返回的部分视图:(，我什至尝试使用简单的 Alert("Hi") 并且它不起作用。我怎样才能让它工作？

(顺便说一句，我认为这可能是 https 的重复://stackoverflow.com/questions/1994754/execute-javascript-after-loading-a-mvc-page-using-ajax-beginrouteform但是这个问题被放弃了，没有答案）

Answer 1

有什么理由不以正确的方式去做（毕竟我们已经是 2010 年了）？将 MS AJAX 以及依赖于它的所有 Ajax.* 帮助程序转储到它所属的位置并编写正确的代码。虽然在经典 Web 表单中使用 MS AJAX 可能是合理的，因为 UpdatePanel 等，但今天在新的 ASP.NET MVC 应用程序中使用 MS AJAX，尤其是在 Microsoft 完全接受 jQuery 之后，似乎是一个坏主意。

因此，在咆哮之后，这是我的建议：

<% using (Html.BeginForm("Action", "Controller", new { id = Model.id }) { %>

然后在单独的文件中使用 jquery 不显眼地附加提交处理程序：

$(function() {
    $('form').submit(function() {
        $.ajax({
            url: this.action,
            type: this.method,
            success: function(result) {
                // feel free to execute any code 
                // in the success callback
                $('#result').html(result);
            }
        });
        return false;
    });
});

或使用优秀的 jquery 表单插件：

$(function() {
    $('form').ajaxForm(function(result) {
        // feel free to execute any code 
        // in the success callback
        $('#result').html(result);
    });
});

这种方法的优点：

• 不显眼
• 标记和 javascript 之间清晰分离
• 缓存 javascript 文件并减少带宽使用

额外好处：没有麻烦。

Answer 2

我不断环顾四周，在这里找到了答案：

将 Javascript 函数分配给 AjaxOptions OnSuccess 属性会引发错误 - ASP.NET MVC（未选择答案）

引用 阿兹

如果你必须传递任何参数
您可能需要执行的 OnSuccess 事件
这样写函数。

OnSuccess = "function(){exampleFunction('" + param1 + "');}

这对我有用！