javascript - 无法发布复杂对象

Question

我的 View 中有该功能:

function setMessengerState() {
    var serviceURL = $("#messenger-set-state-url").val();

    var data = {
        messengerState: g_messengerState,
    };

    $.ajax({
        type: "POST",
        url: serviceURL,
        data: JSON.stringify(data),
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        success: successFunc,
        error: errorFunc
    });

    function successFunc(data, status) {
        console.log("saved");
    }

    function errorFunc(data, status) {
        console.log("failed?");
    }
}

这就是 JSON.stringify(data) 在 Chrome 调试器上的格式化方式:

"{"messengerState":{"IsOpen":true,"ConversationStates":[{"PartnerId":"64c71990-9ddc-4967-8821-a8e5936560a3","IsEnabled":true},{"PartnerId":"64c71990-9ddc-4967-8821-a8e5936560a3","IsEnabled":true}]}}"

这是 $("#messenger-set-state-url").val() 的值:

"/Messenger/Messenger/SetMessengerState"

Controller 方法:

[HttpPost]
public async Task<ActionResult> SetMessengerState(MessengerStateInfo messengerState)
{
    var user = User.ApplicationUser();

    if (user == null)
        return null;

    bool success = await MvcApplication.Messenger.SetState(user, messengerState) != null;

    return Json(success, JsonRequestBehavior.DenyGet);
}

最后，这是 MessengerStateInfo 和 ConversationStateInfo:

public class MessengerStateInfo
{
    public bool IsOpen { get; set; }
    public ICollection<ConversationStateInfo> ConversationStates { get; set; }

    public MessengerStateInfo()
    {
        ConversationStates = new ConversationStateInfo[0];
    }
}

public class ConversationStateInfo
{
    public string PartnerId { get; set; }
    public bool IsEnabled { get; set; }
}

我找不到我哪里做错了。该帖子永远不会到达 Controller 方法。我之前尝试过使用基本的(string)参数，它工作得很好，但它根本无法处理复杂的对象。

Answer 1

感谢您编写了一个可以重现问题的详细问题。

model binder期待您的ICollection可写，但数组不能以这种方式写。做一个简单的实验:

ICollection<int> a = new int[0];
a.Clear();

将抛出“集合是只读的”异常。

现在，你如何解决这个问题。更改您的MessengerStateInfo类定义如下:

public class MessengerStateInfo
{
    public bool IsOpen { get; set; }
    public ICollection<ConversationStateInfo> ConversationStates { get; set; }
}

这里我们删除了构造函数，它允许模型绑定(bind)器创建 List<> 的新实例。类型。这当然是可读写的，并且绑定(bind)成功。

以下是模型绑定(bind)器源代码中的相关代码片段。这个来自System.Web.ModelBinding.CollectionModelBinder<TElement>类:

protected virtual bool CreateOrReplaceCollection(ModelBindingExecutionContext modelBindingExecutionContext, ModelBindingContext bindingContext, IList<TElement> newCollection)
{
    CollectionModelBinderUtil.CreateOrReplaceCollection<TElement>(bindingContext, newCollection, () => new List<TElement>());
    return true;
}

这个来自System.Web.ModelBinding.CollectionModelBinderUtil :

public static void CreateOrReplaceCollection<TElement>(ModelBindingContext bindingContext, IEnumerable<TElement> incomingElements, Func<ICollection<TElement>> creator)
{
    ICollection<TElement> model = bindingContext.Model as ICollection<TElement>;
    if ((model == null) || model.IsReadOnly)
    {
        model = creator();
        bindingContext.Model = model;
    }
    model.Clear();
    foreach (TElement local in incomingElements)
    {
        model.Add(local);
    }
}

从这段代码中可以清楚地看到，如果集合不为空 Clear对其调用方法，在您的情况下会导致异常。另一方面，如果集合为空， new List<>执行后会产生一个全新的(可写)对象。

注意:实现细节可能因软件版本而异。上面的代码可能与您正在使用的库版本中的实际代码有所不同。不过原理是一样的。

这里有一个技巧，告诉您如何比在 Stackoverflow 上输入问题更快地找到原因。

在 public async Task<ActionResult> SetMessengerState(MessengerStateInfo messengerState) 上放置断点并观察断点没有被命中。打开 Chrome 控制台并注意错误图标。

单击该图标可查看底部的错误消息。现在单击错误消息中的链接，您将看到以下屏幕:

最后点击“名称”栏中的请求。你会看到这个:

这将为您提供带有堆栈跟踪的实际错误消息。在大多数情况下，您可以从此消息中看出问题所在。在这种特殊情况下，您将立即看到尝试清除数组但失败。