Controller Action won't bind JSON ViewModel

Question

Every time I post to my Action, my ViewModel is not null, but all the values inside always are.

Where I have console.log, I can see perfect JSON being output to the console.

Any ideas?

Action:

public ActionResult Add(MyViewModel model)
{
//stuff
}

JS:

<script type="text/javascript">
var model = @Html.Raw(Viewbag.MyJSON);

var viewModelDetails = ko.mapping.fromJS(model);

this.addData = function() {
var data = ko.toJSON(viewModelDetails);
console.log(data);
$.post("/user/add", data, function(result){
//stuff
});
}
</script>

Model

public  MyViewModel()
{
Game Game{get;set;}
}

EDIT:

WOW, I feel dumb, I had private set, so thats what it wasn't getting bound.

Can you post the JSON for data is after you call ko.toJSON? — Vlad Magdalin
– Vlad Magdalin, Commented Feb 17, 2013 at 23:59

Mike C. · Accepted Answer · 2013-02-18 00:23:07Z

1

Give this a try:

$.post("/user/add", data, function(result){
//stuff
}, dataType: json);

What I've had happen in the past, is the default dataType isn't Json, so it doesn't pass it correctly. Might not be what's happening here though....

answered Feb 18, 2013 at 0:23

Mike C.

3,1442 gold badges24 silver badges18 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Dave Alperovich · Accepted Answer · 2013-02-18 00:32:06Z

1

you have to convert your data to json JSON.stringify(result)

<script type="text/javascript">
var model = @Html.Raw(Viewbag.MyJSON);

var viewModelDetails = ko.mapping.fromJS(model);

this.addData = function() {
var data = ko.toJSON(viewModelDetails);
console.log(data);
$.post("/user/add", JSON.stringify(data), function(result){
//stuff
}, 
dataType: json,
traditional: true

);
}
</script>

answered Feb 18, 2013 at 0:32

Dave Alperovich

32.6k8 gold badges82 silver badges101 bronze badges

Comments

NaveenKumar1410 · Accepted Answer · 2013-02-18 06:42:59Z

1

I have faced issues like this before.I share you the solution what i made.

Make a change like below

var data = ko.toJS(viewModelDetails);

Note: for this to work on older browsers that have no native JSON serializer (e.g., IE 7 or earlier), you must also reference the json2.js library

I know this will work perfect.If it solves your problem mark it as answer

If it is useful to you then click uplink

Whats the problem in the code:-

var data = ko.toJSON(viewModelDetails);

You need to parse data again as json , then you can use it, else it will get error.

edited Feb 18, 2013 at 6:42

answered Feb 18, 2013 at 6:36

NaveenKumar1410

1,61315 silver badges20 bronze badges

Collectives™ on Stack Overflow

Controller Action won't bind JSON ViewModel

3 Answers 3

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related