jquery.parseJSON 抛出“无效 JSON” 错误由于转义单引号

在前端开发中，我们经常会使用 jQuery 的 $.parseJSON() 方法来将一个字符串解析为 JSON 对象。但是，有时候我们会遇到这样的错误：Uncaught SyntaxError: Unexpected token ' in JSON at position X。这个错误通常是由于字符串中包含了未被正确转义的单引号所致。

什么是 JSON？

JSON（JavaScript Object Notation）是一种轻量级的数据交换格式，它基于 JavaScript 对象字面量语法，使用键值对表示数据。JSON 的优点在于可读性高、易于解析和生成、占用空间小等。

下面是一个简单的 JSON 示例：

{
    "name": "John",
    "age": 30,
    "city": "New York"
}

使用 $.parseJSON() 解析 JSON

jQuery 提供了一个方便的方法 $.parseJSON()，用于将一个符合 JSON 格式的字符串解析成一个 JSON 对象。例如：

var jsonStr = '{"name":"John","age":30,"city":"New York"}';
var jsonObj = $.parseJSON(jsonStr);
console.log(jsonObj.name); // 输出 "John"

然而，如果 JSON 字符串中包含未被转义的单引号，就会导致 $.parseJSON() 抛出错误。比如：

var jsonStr = '{\'name\':\'John\',\'age\':30,\'city\':\'New York\'}';
var jsonObj = $.parseJSON(jsonStr); // Uncaught SyntaxError: Unexpected token ' in JSON at position X

这里的错误信息提示了出现问题的位置，但是要找到具体的错误点却不是很容易。

转义单引号避免错误

为了避免这种错误，我们需要将字符串中的所有单引号转义。在 JavaScript 中，可以使用反斜杠（\）对单引号进行转义。例如：

var jsonStr = '{\'name\':\'John\',\'age\':30,\'city\':\'New York\'}';
jsonStr = jsonStr.replace(/'/g, "\\'"); // 将所有单引号替换为转义后的单引号
var jsonObj = $.parseJSON(jsonStr);
console.log(jsonObj.name); // 输出 "John"

这样就能够顺利地解析 JSON 字符串了。

总结

在使用 $.parseJSON() 方法解析 JSON 字符串时，一定要注意字符串中是否包含未被转义的单引号，否则会导致解析失败。通过将所有单引号转义，可以有效避免这种错误的发生。

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/9124