如何让 JSON 解析包含单引号的 JSON 字符串

Question

我正在使用 JsonConvert.SerializeObject 在 ASP 中序列化一个数组。数组包含文本，包括单引号等符号。转换工作正常，直到我尝试使用 JSON.parse 在 JavaScript 中解析它。获取单引号时失败。如果可能，我想避免手动删除单引号。

这是 MVC 代码：

SheetsArr = JsonConvert.SerializeObject(Sheets);

这里是JS代码：

var SheetsArr = JSON.parse('@Html.Raw(@Model.Sheets)');

这是 Chrome 中的错误消息：

Uncaught SyntaxError: missing ) after argument list

Answer 1

您可以直接将值作为数组字面量注入 JS，而不是尝试将数据视为 JS 中的字符串并再次解析它。由于 JSON 是 JS 对象字面量语法的子集，因此它只会被视为字面量。不要认为你甚至需要Html.Raw() 命令。

简单试试

var SheetsArr = @Model.Sheets;

（我在这里假设您在 C# 中将 C# SheetsArr 变量分配给模型的 Sheets 属性，然后再返回它。）

然后这消除了您在 JS 中的单引号字符串被 JSON 字符串中的单引号弄乱的问题。

为了说明这一点，假设Model.Sheets 包含这样的 JSON 字符串：

[{ "SomeProp": "Hello, 'Friend'"}, { "SomeProp": "Hello again"}]

你可以看到单引号。

在您的原始代码中，执行带有该字符串的 Razor 代码将生成以下 JavaScript：

var SheetsArr = JSON.parse('[{ "SomeProp": "Hello, 'Friend'"}, { "SomeProp": "Hello again"}]');

如您所见，中间的单引号现在是个问题，因为它们终止了外部字符串文字引号。

而如果我们只是按照我建议的方式直接注入 JSON，则生成的 JS 是这样的（我添加了控制台命令，以便您可以看到结果）：

var SheetsArr = [{ "SomeProp": "Hello, 'Friend'"}, { "SomeProp": "Hello again"}];
console.log(SheetsArr);

Answer 2

我们基本上在我们的应用中这样做是为了达到同样的目的

在控制器中：

var serializerSettings = new JsonSerializerSettings
{
    ContractResolver = new CamelCasePropertyNamesContractResolver(),
};
modal.Sheets = JsonConvert.SerializeObject(Sheets, serializerSettings);

在视图中：

var SheetsArr = "@Html.Raw(@Model.Sheets.Replace("\"", "\\\""))");