.NET Core Object JSON Serialization to Javascript format

Question

I've some problems with serializing my C# objects into a plain JSON string.

I user JsonConvert ( Newtonsoft's one) to format a model into a JSON. The problem is that that JSON string get's used in some Javascript, but the format is not good as in a quote gets written down as "&quote;" instead of "'". Any idea's on how to fix this ?

//...
@{
    var dataJson = JsonConvert.SerializeObject(Model);
}
//...

<script>
    function ChangeGroup(type) {
        $.ajax({
            url: //...,
            data: @dataJson
        });
    }
</script>

what I get is this:

Some formatting options I forget to set ?

@CamiloTerevinto doing this gives me the type of the model in the data part. — TanguyB, Jan 02 '18 at 12:11
Please reopen this question. There's a better way to do this in ASP.NET Core (not available in the duplicate) — Camilo Terevinto, Jan 02 '18 at 12:16

Camilo Terevinto · Answer 1 · 2018-01-08T15:23:32.170

7

There's a much shorter, easier to use and remember in ASP.NET Core:

@Json.Serialize(Model);

When assigned to a JavaScript value, the resulting JavaScript is valid:

<script>
    var model = @Json.Serialize(model);
</script>

With this, you don't have to worry about HTML-escaping the characters.

edited Jan 08 '18 at 15:23

answered Jan 08 '18 at 15:15

Camilo Terevinto

31,141
6
88
120

@ChristianGollhardt What? The question is how to serialize JSON so that it can be used in javascript – Camilo Terevinto Jan 08 '18 at 15:22
Ah my bad, didn't noticed the `IJsonHelper`. – Christian Gollhardt Jan 08 '18 at 15:26

score 4 · Accepted Answer · answered Jan 05 '18 at 14:32

You can do this:

@{
  var dataJson = new HtmlString(JsonConvert.SerializeObject(Model));
}

By default ASP.Net Core will HTML encode before rendering an @ expression unless the expression evaluates to a type with the interface IHtmlContent (which HtmlString has). Another way is to write

@Html.Raw(dataJson)

score 0 · Answer 3 · answered Jul 16 '19 at 10:04

0

I have used the following to get data out of my model into a JS object. Thought I would post to possibly help someone in the future...

var items = @Html.Raw(Newtonsoft.Json.JsonConvert.SerializeObject(Model.Items));

answered Jul 16 '19 at 10:04

mouldycurryness

69
1
11

.NET Core Object JSON Serialization to Javascript format

3 Answers3