如何在JavaScript中使用JSON.parse（）解析HTML字符串？

Question

我有一个ASP.NET MVC应用程序返回一个JSON字符串到VIEW。

// Parsing the model returned on the VIEW 
var jsonString = '@Html.Raw(Model.ToJson())'; 
var jsonObj = JSON.parse(jsonString); 

的问题是，我不能够解析，因为jsonString包含的字符，如“\”和“'”。

//Sample string 
{ "description" : "<p>Sample<span style=\"color: #ff6600;\"> Text</span></strong></p>" } 

Answer 1

JSON是有效的JavaScript，所以你可以这样做：

var jsonObj = @Html.Raw(Model.ToJson()); 

仅供参考，JSON解析失败的原因是因为虽然"与\逃脱，使其有效的JSON ，反斜杠本身需要在字符串中转义以供JSON解析器看到。比较：

JSON.parse('"quote: \""'); // error: unexpected string 
JSON.parse('"quote: \\""'); // 'quote: "' 

这个例子也应该澄清所发生的事情反斜线：

var unescaped = '\"', escaped = '\\"'; 

console.log(unescaped, unescaped.length); // '"', 1 
console.log(escaped, escaped.length);  // '\"', 2 

Answer 2

如果你想创建一个有效的JavaScript字符串，你需要逃避反斜线和撇号：

var jsonString = '@Html.Raw(Model.ToJson().Replace("\\", "\\\\").Replace("'", "\\'"))';