KnockoutJS - ko.toJSON copying unwanted properties

May 08, 2017 KnockoutJS - ko.toJSON copying unwanted properties

Javascript, JSON, KnockoutJS May 08, 2017

When using KnockoutJS and the Knockout Mapping Plugin, you may notice extra properties are being serialized with your viewmodels, ex. "__ko_mapping__" or "copiedProperties" objects.

JSON Example:

{
	"MyObject": {
		"Id": "00000000-0000-0000-0000-000000000000",
		"Type": 1,
		"Name": "Default MyObject"
	},
	"__ko_mapping__": {
		"ignore": [],
		"include": ["_destroy"],
		"copy": [],
		"observe": [],
		"mappedProperties": {
			"MyObject.Id": true,
			"MyObject.Type": true,
			"MyObject.Name": true
		},
		"copiedProperties": {},
		"": {}
	},
	"someOtherSettings": ["Yes", "No"]
}

These are just extra objects included with the KO mapping plugin. To remove these properties from your JSON, Use the KnockoutMapping serializer instead of using the vanilla KnockoutJS serializer.

Remove:

var vm = ko.toJS(MyViewModel);
var vm = ko.toJSON(MyViewModel);

Replace with:

var vm = ko.mapping.toJS(MyViewModel);
var vm = ko.mapping.toJSON(MyViewModel);

Happy coding!

admin API array async Birthday BookGuide Button bytes c# c# enum to int c# int to enum c# int to string c# iterate dictionary c# loop through dictionary c# outofmemoryexception c# run as admin C++ cast cheatsheet CLASSPATH compare convert int to string Dad Dictionary editor enum exception exit Fathers Day for for loop foreach generic Gift gift guide Git global Guide HTML INNER JOIN int iterate Java java.lang.OutOfMemoryError Javascript jQuery JSON KnockoutJS list loop MERGE nested loop outofmemory PHP PHP Redirect PowerShell programmer gift programmer mugs programmer shirts programmer stickers python python bytes to string python external command python for loop python int to string quit random Redirect repr() shell command SQL SQL Server STDIN STDOUT str() string switch system.outofmemoryexception c# systemoutofmemory type UPDATE variables vi vim _

KnockoutJS - ko.toJSON copying unwanted properties

JSON Example:

Remove:

Replace with:

Back to The Programmer Blog

shop

2024

2023

2020

2019

2018

2017