.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 ""e;" 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
– TanguyB, Commented Jan 2, 2018 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
– Camilo Terevinto, Commented Jan 2, 2018 at 12:16

Camilo Terevinto · Accepted Answer · 2018-01-08 15:23:32Z

9

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 8, 2018 at 15:23

answered Jan 8, 2018 at 15:15

Camilo Terevinto

32.2k7 gold badges95 silver badges127 bronze badges

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

2 Comments

Camilo Terevinto Over a year ago

@ChristianGollhardt What? The question is how to serialize JSON so that it can be used in javascript

Christian Gollhardt Over a year ago

Ah my bad, didn't noticed the IJsonHelper.

James Ellis-Jones · Accepted Answer · 2018-01-05 14:32:09Z

5

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)

answered Jan 5, 2018 at 14:32

James Ellis-Jones

3,11223 silver badges13 bronze badges

Comments

mouldycurryness · Accepted Answer · 2019-07-16 10:04:27Z

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, 2019 at 10:04

mouldycurryness

691 silver badge11 bronze badges

Collectives™ on Stack Overflow

.NET Core Object JSON Serialization to Javascript format

3 Answers 3

2 Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related