ASP.NET MVC passing string to JSON.parse with quote escaping issue

Question

I hit a problem with JSON. I want to pass serialized object to a JSON.parse method in JS. Everything works fine until one of string values does not have quotes, like for example HTML code. Then you get JSON parse error in JS.

Simply I get:

var test = JSON.parse('{"test":"<p>Terms <a href=\"google.pl\"></a></p>"}');

But what works is:

var test = JSON.parse('{"test":"<p>Terms <a href=\\"google.pl\\"></a></p>"}');

Here is my test view code, any thoughts? How to pass this object properly?

@{
    Layout = null;
}

@{
    string args = Newtonsoft.Json.JsonConvert.SerializeObject(new
    {
        test = @"<p>Terms <a href=""google.pl""></a></p>"
    }, new Newtonsoft.Json.JsonSerializerSettings
    {
        ContractResolver = new Newtonsoft.Json.Serialization.CamelCasePropertyNamesContractResolver(),
    });
}

<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>Index</title>
</head>
<body>
    <script>
        var test = JSON.parse('@Html.Raw(args)');
    </script>
    <div> 
    </div>
</body>
</html>

What is the actual question? Also i think it should be var test = JSON.parse(@Html.Raw(args).ToString()); instead of var test = JSON.parse('@Html.Raw(args)');... — ViRuSTriNiTy
– ViRuSTriNiTy, Commented Dec 5, 2017 at 11:02
Nope. ToString breaks it even more as it HTML encodes it. Question is how to pass this object to successfully deserialize on JS side. — mdzieg
– mdzieg, Commented Dec 5, 2017 at 11:11
@mzdieg I didn't understand the question, i thought something with test is the issue. Nevermind... — ViRuSTriNiTy
– ViRuSTriNiTy, Commented Dec 5, 2017 at 11:39

Gumowy Kaczak · Accepted Answer · 2017-12-05 13:04:52Z

4

You don't need to parse it, as it is already a JSON object. Just use:

<script>
    var test = @Html.Raw(args);
</script>

JSON.parse is used to parse string to object.

edited Dec 5, 2017 at 13:04

answered Dec 5, 2017 at 11:22

Gumowy Kaczak

1,4992 gold badges16 silver badges28 bronze badges

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

Collectives™ on Stack Overflow

ASP.NET MVC passing string to JSON.parse with quote escaping issue

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related