MVC failed to make a json string in view for a variable in javascript

Question

I have a json variable in the view as follows:

 @{
        string jsontemp = '{"Cars": {"Nissan": [{"Model": "Sentra", "doors": 4},{"Model": "Maxima", "doors": 4}],"Ford": [{"Model": "Taurus", "doors": 4},{"Model": "Escort", "doors": 4}]}}';
}

I want to assign it to a variable in javascript.

<script>
var jsondata = @jsontemp;

var arraydata = JSON.parse(jsondata);

</script>

But I get the following error message:

Uncaught SyntaxError: Unexpected token &

I understand that when the view is run, my json variable is from the format: ["Ford", "BMW", "Fiat"] convert to ["Ford", "BMW", "Fiat"]

I want to retrieve the json string from view, and assign it to a variable in the script code, then I parse from that string to the array.

Alexander Higgins · Accepted Answer · 2017-07-13 02:56:40Z

2

You need to use @Html.Raw() to output the data in raw form.

Otherwise @ will escape your output by HtmlEncoding it.

<script>
    var jsondata = @Html.Raw(jsontemp);
    var arraydata = JSON.parse(jsondata);

</script>

answered Jul 13, 2017 at 2:56

Alexander Higgins

6,9361 gold badge30 silver badges45 bronze badges

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

Collectives™ on Stack Overflow

MVC failed to make a json string in view for a variable in javascript

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related