json解析错误，带双引号

Question

即使转义双引号也会引发解析错误。
看下面的代码，

//parse the json in javascript  
var testJson = '{"result": ["lunch", "\"Show\""] }';  
var tags = JSON.parse(testJson);  
alert (tags.result[1]);

由于双引号（已经转义），这会引发解析错误。
即使 eval() 在这里也不起作用。
但如果我像这样用双斜杠转义它：

var result = '{"result": ["lunch", "\\"Show\\""] }';  
var tags = JSON.parse(result);  
alert (tags.result[1]);

那么它就可以正常工作。
为什么我们需要在 JavaScript 中使用双斜杠？ 问题是 PHP json_encode() 函数用单斜杠转义双引号（如下所示：\"show\"），而 JSON.parse 将无法解析。 我该如何处理这种情况？

Answer 1

Javascript 对其字符串进行转义，json 也对它们进行转义。
第一个字符串 ( '{"result": ["lunch", "\"Show\""] }' ) 被 json 解析器视为
{"result": ["lunch", ""Show""] }，因为 javascript 中的 \" 表示 "，但事实并非如此t 退出双引号字符串。

第二个字符串 '{"result": ["lunch", "\\\"Show\\\""] }' 首先未转义为 {"result": ["lunch ", "\"Show\""] } （并且 json 正确地未转义）。

我认为， '{"result": ["lunch", "\\"Show\\""] }' 也应该有效。

Answer 2

好吧，最后，JSON 的解析使用相同的 eval，所以当你给它们时没有区别。 语法不正确。 在这种情况下，你必须正确转义 php 中的引号，然后使用 json_encode 转义它们及其转义斜线。

<?php
    $json = '{"result": ["lunch", "\"Show\""] }';
    echo json_encode($json);
?>

OUTPUT: "{\"result\": [\"lunch\", \"\\\"Show\\\"\"] }"

这应该适用于客户端 JS（如果我没有输入错误）。

Answer 3

这个问题是由两重字符串转义机制造成的：一是来自JS，一是来自JSON。

反斜杠字符与另一个后续字符的组合用于表示字符串中无法表示的一个字符。
''\\'' 代表 '\' 等。

这种转义机制发生在 JSON.parse() 工作之前。

例如，

var parsedObj = JSON.parse('{"sentence": "It is one backslash(\\\\)"}');
console.log(parsedObj.sentence);
>>>"It is one backslash(\)"

从字符串生成器的角度来看，它将四个反斜杠“\”传递到 JavaScript 解释器中。

从 JavaScript 解释器的角度来看，它解释有两个反斜杠(\)，因为每个“\\”序列将被解释为一个“\”。

从 JSON 解析器的角度来看，它接收到两个反斜杠(\\)，并且 JSON 字符串转义规则会将其解析为单个“\”，即输出结果。

先解释一下代码：

var testJson = '{"result": ["lunch", "\"Show\""] }';
//The real string after sequence escaping in to JS is
//'{"result": ["lunch", ""Show""] }' 
//which is passed into the JSON.parse.
//Thus, it breaks the JSON grammar and generates an error
var tags = JSON.parse(testJson);  
alert (tags.result[1]);

Answer 4

来自 文档

JSON_HEX_APOS（整数）所有 ' 均转换为 \u0027
JSON_HEX_QUOT（整数）所有“都转换为\u0022

json_encode() 需要两个参数，即值和选项。所以尝试一下，

json_encode($result, JSON_HEX_QUOT); // or
json_encode($result, JSON_HEX_QUOT | JSON_HEX_APOS);

但我还没有尝试过。

Answer 5

php 到 javascript 对象 (php >= 5.3.0)

var storesLocations = JSON.parse('<?php echo addslashes(json_encode($storesLocations,JSON_HEX_APOS | JSON_HEX_QUOT)) ?>');

Answer 6

关闭 php.ini 中的 magic_quotes_gpc。

Answer 7

如果添加了标准 C 转义符，则 JSON.parse 会将 \" 等序列转换为 "、\\ 转换为 \，\n 转换为换行符，等等。

'foo\\bar\nbaz"' === JSON.parse('"foo\\\\bar\\nbaz\\""')

在我们的项目中：

原始字符串 ""{\"lat\":28.4594965,\ "lng\":77.0266383}""

传递到 JSON.parse() 后，

"{"lat":28.4594965,"lng":77.0266383}"

第 2^nd 传递到 JSON.parse()

{lat: 28.4594965, lng: 77.0266383}

请注意，JSON.parse() 删除了转义字符，而不是将 string 转换为 object。

删除转义字符后，字符串到对象的转换就开始工作了。

这是演示：

while (typeof p1 != 'object') {
  p1 = JSON.parse(p1);
  pass++;
  console.log('On pass ', pass, p1);
}

Answer 8

这可能有帮助：

<?php
$json = '{"result": ["lunch", "\"Show\""] }';
echo addslashes(json_encode($json));

Answer 9

尝试这个。 然后尝试评论

<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<pre><?php ($_POST)?print_r($_POST):'' ?></pre>

<form method="POST">
    <input type="text" name="name"><br>
    <input type="email" name="email"><br>
    <input type="time" name="time"><br>
    <input type="date" name="date"><br>
    <input type="hidden" name="id"><br>
    <textarea name="detail"></textarea>
    <input type="submit" value="Submit"><br>
</form>
<?php 
/* data */
$data = [
            'name'=>'vinay"'."'\\\\",
            'email'=>'[email protected]',
            'time'=>date('H:i:00'),
            'date'=>date('Y-m-d'),
            'detail'=>'Try this var_dump(0=="ZERO") \\ \\"'." ' \\\\    ",
            'id'=>123,
        ];
?>
<span style="display: none;" class="ajax-data"><?=json_encode($data)?></span>
<script type="text/javascript">
    /* Error */
    // var json = JSON.parse('<?=json_encode($data)?>');
    /* Error solved */
    var json = JSON.parse($('.ajax-data').html());
    console.log(json)
    /* automatically assigned value by name attr */
    for(x in json){
        $('[name="'+x+'"]').val(json[x]);
    }
</script>