WebAPI 将敲除映射空字符串反序列化为“null”

Question

我有一个 ASP.NET MVC 4 项目，它检索数据并使用 ko.mapping 将其注入到我的客户端 ViewModel 中，以便可以在 knockoutJS 中绑定：

$(document).ready(function () {
    // Get the data from the server-side
    var koModel = new MessageModel( [JSON-string] );
    // Inject server-side model into the client-side viewModel
    var viewModel = new MessageViewModel(koModel);
    // Bind knockout
    ko.applyBindings(viewModel);
});

// model loaded from the server-side
var MessageModel = function (data) {
    var self = this;
    ko.mapping.fromJS(data, {}, self);
}
// client-side data-bound viewModel
var MessageViewModel = function(koModel) {
    var self = this;
    self.data = koModel;

    // Submit form
    self.sendMessage = function () {
        $.ajax({
            url: 'http://services.mysite.net/api/Messaging',
            type: 'POST',
            data: self.data
        });
    }
}

其中一个属性是字符串。 JSON 看起来像这样：

"MyProperty": null

但是，当我 POST 到 WebAPI 2.0 服务时，Request 参数如下所示：

"MyProperty": "null"

当 WebAPI 接收到它时，它会将该字符串反序列化为“null”而不是 null。

    [HttpPut]
    async public Task<IHttpActionResult> 
        Put(int id, [FromBody]MessageModel model)
    {
        // model.MyProperty is now "null" instead of being a null value

Answer 1

由于您使用的是 JSON，因此您应该使用 ko.mapping.fromJSON() 而不是 ko.mapping.fromJS()（请参阅 documentation 中的“使用 JSON 字符串”）。而在你的ajax调用中，你应该使用相反的转换方法：ko.mapping.toJSON():

...
data: ko.mapping.toJSON(self);
...

看到这个简单的demo。我创建了一个简单的 Web API 项目来验证这一点，就像一个魅力。