javascript - JSON.parse 在有效 Json 上失败。已转义控制字符。如果

Question

我已经转义了控制字符，并将经过验证的 JSON 提供给 JSON.parse 和 jQuery.parseJSON。两者都给出相同的结果。

获取错误消息 “Unexpected token $”:

$(function(){
    try{
        $.parseJSON('"\\\\\"$\\\\\"#,##0"');
    } catch (exception) {
        alert(exception.message);
    }    
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>

感谢您查看此问题。

Answer 1

这里发生的事情是对字符串应用了两个级别的反斜杠删除。第一个是由浏览器的 JavaScript 引擎在解析单引号字符串时完成的。在 JavaScript 中，单引号字符串和双引号字符串是完全等价的(除了单引号必须在单引号字符串和双引号必须 在双引号字符串中进行反斜杠转义)；两种类型的字符串都采用反斜杠转义代码，例如 \\ 用于反斜杠，\' 用于单引号(冗余但在双引号字符串中被接受)，以及 \" 用于双引号(冗余但在单引号字符串中被接受)。

在您的 JavaScript 单引号字符串字面量中，您有多个此类实例，它们是有效的 JSON 双引号字符串:

"\\\\\"$\\\\\"#,##0"

浏览器解析后，该字符串恰好包含以下字符(包括外部双引号，因为它们包含在单引号字符串中所以未被删除):

"\\"$\\"#,##0"

您可以看到，每对连续的反斜杠都变成了单个文字反斜杠，并且奇数反斜杠后跟双引号的两种情况都变成了文字双引号。

That 是作为参数传递给 $.parseJSON 的文本，这是第二级反斜杠删除发生的时间。在上述文本的 JSON 解析过程中，前导双引号表示 JSON 字符串文字的开始，然后这对反斜杠被解释为单个文字反斜杠，然后紧随其后的双引号终止 JSON 字符串文字。后面的内容(美元、反斜杠、反斜杠等)是无效的 JSON 语法。

问题是您在 JavaScript 单引号字符串文字中嵌入了有效的 JSON，尽管它恰好是侥幸的有效 JavaScript 语法(如果 不会 JSON 包含单引号，或者如果您尝试使用双引号来分隔 JavaScript 字符串文字)，在被浏览器的 JavaScript 引擎解析后不再包含有效的 JSON。

要解决此问题，您必须手动转义 JSON 内容以正确嵌入 JavaScript 字符串文字，或者独立于 JavaScript 源加载它，例如来自平面文件。

这里演示了如何使用最新的示例代码解决问题:

$(function() {
    try {
        alert($.parseJSON('{"key":"\\\\\\\\\\"$\\\\\\\\\\"#,##0"}').key); // works
        alert($.parseJSON('{"key":"\\\\\"$\\\\\"#,##0"}').key); // doesn't work
    } catch (exception) {
        alert(exception.message);
    }    
});

http://jsfiddle.net/814uw638/2/

由于 JavaScript 有一个简单的转义方案(例如参见 http://blogs.learnnowonline.com/2012/07/19/escape-sequences-in-string-literals-using-javascript/ )，在一般情况下实际上很容易解决这个问题。你只需要提前决定你将如何在 JavaScript 中引用字符串(单引号是个好主意，因为 JSON 中的字符串总是双引号)，然后当你准备 JavaScript 源代码时，只需添加一个嵌入 JSON 中每个单引号和每个反斜杠之前的反斜杠。这应该保证它完全有效，无论确切的 JSON 内容如何(当然，前提是它是有效的 JSON)。