knockout.js viewmodel asp.netでバインディングされていません投稿用のmvcコントローラ

Question

ノックアウトのビューモデルをコントローラに投稿する簡単な例を使用しています。しかし、それは起こっていません。コントローラのdogメソッドがnullになっています。

私は間違っていますか？

マイモデル

public class Dog 
{ 
    public string name { get; set; } 
    public int age { get; set; } 
} 

私のコントローラがするDogオブジェクトがnull

[HttpPost] 
public ActionResult Save(Dog dog) 
{ 
    return Json(new { Status = string.Format("Success, saved {0} with age: {1}", dog.name, dog.age) }); 
} 

ビュー

<form method="POST" data-bind="submit: save"> 
    <div>Name:</div> 
    <div><input type="text" data-bind="value: name" /></div> 

    <div>Age:</div> 
    <div><input type="text" data-bind="value: age" /></div> 

    <div><input type="submit" value="Save" /></div> 
</form> 


var ViewModel = function (data) { 
    var self = this; 
    ko.mapping.fromJS(data, {}, self); 

    //self.isValid = ko.computed(function() { 
    // return self.name().length > 0; 
    //}); 

    self.save = function() { 
     $.ajax({ 
      url: "Home/Save", 
      type: "post", 
      contentType: "application/json", 
      data: ko.mapping.toJSON(self), 
      success: function (response) { 
       alert(response.Status); 
      } 
     }); 
    }; 
}; 

Answer 1

を取得してみてください追加する[FromBody]属性

HTMLおよびJavaScriptに次の

[HttpPost] 
public ActionResult Save([FromBody]Dog dog) 
{ 
    return Json(new { Status = string.Format("Success, saved {0} with age: {1}", dog.name, dog.age) }); 
} 

てみませんか は

<div>Name:</div> 
<div><input type="text" data-bind="value: name" /></div> 

<div>Age:</div> 
<div><input type="text" data-bind="value: age" /></div> 

<div><button data-bind="click: save">Save</button></div> 

<script> 
    var ViewModel = function() { 
    var self = this; 
    self.name = ko.observable(); 
    self.age = ko.observable(); 

    self.save = function() { 
     var jsonData = {'name': self.name(), 'age': self.age()}; 
     $.ajax({ 
      url: "http://localhost:8000/home/saves", 
      type: "post", 
      contentType: "application/json", 
      data: jsonData, 
      success: function (response) { 
       alert(response.Status); 
      } 
     }); 
    }; 
    }; 

    ko.applyBindings(new ViewModel()); 
</script>