MVC Ajax.BeginForm 调用返回 JsonResult 的操作在客户端上未成功

Question

我正在尝试使用 .Net 的 Ajax.BeginForm 提交表单并获取对象列表。

@using (Ajax.BeginForm("ValidateEmployee", new AjaxOptions { OnBegin = "onBegin", OnSuccess = "onSucess", UpdateTargetId = "results"} )

问题是，当我的控制器返回 JsonResult 并将返回的列表转换为 json 时，永远不会调用 OnSuccess 回调，并且 id 为“results”的 div 不会更新。但是 onBegin 回调被调用。控制器看起来像这样。

public JsonResult ValidateEmployee(Employee emp)
{
    ...
    List<Role> roles = new Role();
    foreach(var x in myCollection)
    {
        roles.Add(new Role { ID = x.ID, Name = x.Name });
    }
    return Json(roles);
}

我已经确认 Json(roles) 确实将列表正确转换为有效的 json。但我无法使用它，因为 onSuccess 永远不会运行。

奇怪的是，如果我不将列表转换为 json 而是将其作为 .Net 列表返回，则两个回调都会被命中，并且我的元素会更新输出 System.Collections.Generic.List'1[Models.Role]。所以它不是 json，我没有办法使用这些数据。

那么，当我从控制器返回 json 对象时，为什么 onSuccess 没有被调用呢？

我正在使用 MVC 3 并且引用 jquery.unobtrusive-ajax.js。

感谢您的任何帮助。

Answer 1

我认为您不能将 Ajax.BeginForm 与 UpdateTargetId 用于您的场景，因为您使用 JsonResult 作为操作的结果。 Ajax.BeginForm，给定 UpdateTargetId 将尝试将结果对象附加到您指定的元素。由于返回的是 Json 对象，因此会引发错误。错误将类似于：

    uncaught exception: [Exception... "Could not convert JavaScript argument arg 0 
[nsIDOMDocumentFragment.appendChild]" nsresult: "0x80570009 (NS_ERROR_XPC_BAD_CONVERT_JS)"
 location: "JS frame :: http://localhost:58248/Scripts/jquery-1.4.4.js :: <TOP_LEVEL> :: 
line 5167" data: no]

一旦 UpdateTargetId 被删除，您应该会看到 onSuccess 被触发。

function onSuccess(data){
 //data is the json object
 // do your html manipulation here
}