Convert certain data bind values into Json using Knockoutjs

Question

I am new to the knockoutjs, I have following viewmodel:

var Testing = function(){

   this.Username = ko.observable("");  
   this.Password = ko.observable("");  
   this.email = ko.observable("");

}

I need to convert only certain data bind values(Username and password) into json. All the values are getting converted into json when I use like this data = ko.toJSON(this);

So how I can filter certain data bind values and convert into json ?

Also check out this answer if you want to override the toJSON method Knockout serialization with ko.toJSON - how to ignore properties that are null — PW Kad
– PW Kad, Commented Jun 24, 2014 at 13:24

PW Kad · Accepted Answer · 2014-06-24 13:23:36Z

2

You could either only serialize what you want or take Ryan Neidermeyer's approach and just remove the unwanted properties -

var items = ko.toJS(this);
var mappedItems = ko.utils.arrayMap(items, function(item) {
    delete item.email;
    return item;
});

answered Jun 24, 2014 at 13:23

PW Kad

15k7 gold badges51 silver badges83 bronze badges

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

3 Comments

Pavithra Over a year ago

Thank you for the solution.I don't want to delete any of them,i need to select certain values and converted into JSon while sending into server.

PW Kad Over a year ago

This doesn't actually delete them just creates a json payload and then removes unnecessary properties from that payload only

Pavithra Over a year ago

I used Your solution in my code but the item is not getting deleted and here is jsfiddle : jsfiddle.net/PavithraHM/4FGXB/5 when i gave alert before mappedarray its getting converted into Javascript object, and the item is not getting loaded.Once i delete the items i need to convert rest of things to json. where i can find this kind of methods in the knockoutjs Document?

Matt Burland · Accepted Answer · 2014-06-24 13:24:04Z

1

You can add a toJSON method to your ViewModel and do what ever filtering you need there:

ViewModel.prototype.toJSON = function() {
    var copy = ko.toJS(this);
    // remove any unneeded properties
    delete copy.unneedProperty;
    return copy;
}

Take a look at the docs for more information about serializing to JSON.

answered Jun 24, 2014 at 13:24

Matt Burland

45.3k18 gold badges110 silver badges182 bronze badges

1 Comment

Pavithra Over a year ago

I used Your solution in my code but the item is not getting deleted and here is jsfiddle : jsfiddle.net/PavithraHM/4FGXB/6 ,Once i delete the items i need to convert rest of things to json. where i can find this kind of methods in the knockoutjs Document?

Collectives™ on Stack Overflow

Convert certain data bind values into Json using Knockoutjs

2 Answers 2

3 Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related