Could you please help me find what I am doing wrong?
My model has a string[] field called AllKnownColors. I am trying to use it in my javascript code like this:
var clrs = JSON.parse('@Html.Raw(Model.AllKnownColors)');
But it doesn't work. The debugger shows me this:
var clrs = JSON.parse('System.String[]');
and the following error: Uncaught SyntaxError: Unexpected token S
And I cannot figure out what is wrong.
Thanks.
The code
var clrs = JSON.parse('@Html.Raw(Model.AllKnownColors)');
is similar to
var clrs = JSON.parse('@Html.Raw(Model.AllKnownColors.ToString())');
You need to convert Model.AllKnownColors to json. You can use Newtonsoft JSON for this purpose.
var clrs = JSON.parse('@Html.Raw(JsonConvert.SerializeObject(Model.AllKnownColors))');
Or you can write you own method for converting. Newtonsoft JSON is easy and good choice. Your own methods could be more fast.
Model.AllKnownColors is a string array. Html.Raw accepts a single string as an argument. Since Model.AllKnownColors is not a string, C# framework calls the object's ToString method. By default, ToString returns the name of the object type.
If you are attempting to use a pure string of colors, you can do something like this instead:
var clrs = '@string.Join(", ", Model.AllKnownColors)';
If you actually want to turn Model.AllKnownColors into a JavaScript array, you can do this:
var clrs = @Html.Raw(Json.Encode(Model.AllKnownColors));
Note that in both cases, JSON.parse is unnecessary.
@Html.Raw(Model.AllKnownColors)to result in? As you can see, it turns into"System.String[]"when turned into a string (usingToString()internally asHtml.Raw()does).