如何使用Ajax.BeginForm更新div並執行javascript函數？

Question

我用這樣的更新與局部視圖一個div：

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

及其工作正常，返回的視圖獲取appened到div，但我現在需要時，職位是執行一個javascript成功了，所以我想：「很簡單，只需將OnSuccess = "MyJsFunc()"」添加到AjaxOptions，但是這樣做後，它就停止工作了！現在頁面刷新，只有返回的局部視圖呈現:(，我甚至嘗試過一個簡單的Alert("Hi")，它的工作也不正常。的https://stackoverflow.com/questions/1994754/execute-javascript-after-loading-a-mvc-page-using-ajax-beginrouteform一個DUP，但這個問題得到了與沒有答案廢棄）

Answer 1

任何不以正確的方式做的理由（畢竟我們在2010年）？轉儲MS AJAX所在的位置以及依賴它的所有Ajax.*助手，並編寫正確的代碼。在傳統的webforms中使用MS AJAX可能會因爲UpdatePanel等原因而被證明是合理的...現在在新的ASP.NET MVC應用程序中執行此操作，特別是在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 form plugin：

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

這種方法的好處：

01無頭痛：

• 不顯眼的
• 標記和JavaScript
• 緩存JavaScript文件和減少帶寬使用

獎金利益之間的明確分離。

Answer 2

我不停地環顧四周，發現這裏的答案：

Assign a Javascript function to AjaxOptions OnSuccess property raise an error - ASP.NET MVC（與未選擇的答案）

報價Atzu

如果您必須通過任何參數 OnSuccess事件您可能必須 以這種方式編寫funcion。

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

，它爲我工作！