尝试解析字符串化的 quill.js quill 时出现 Javascript JSON.parse() 错误 [关闭]

Question

我正在尝试使用 ejs 向客户端发送一些对象。 至少到目前为止，我这样做时没有遇到任何问题。 我这样存放羽毛笔

{"form_type":"blog","form_sub_type":"create","blog_title":"Test","quill_0":"{\"ops\":[{\"insert\":\"tesarfd\\n\"}]}"}

当我尝试先将它们发送给客户端时，我会运行此函数以从文件中获取对象

const fileToJson = async (filePath) => {
    return new Promise(resolve => {
        fs.readFile(filePath, 'utf-8', (err, data) => {
            if (err) {
                console.log(err);
                resolve(false);
            }
            resolve(data);//returns json string 
        })
    })
}

在客户端， 我尝试使用以下内容：

'<%-JSON.stringify(blog)%>'
'<%-blog%>'

当我记录第二个时，我只得到 [Object object] 并且无法访问它的字段。 当我登录我得到的第一个时：

{"edit":true,"editable":true,"blog_id":3,"blog":{"form_type":"blog","form_sub_type":"create","blog_title":"Test","quill_0":"{"ops":[{"insert":"tesarfd\n"}]}"}}

无法解析。

产生错误的代码：

 const blog_info = '<%-JSON.stringify(blog)%>';
    console.log(JSON.parse(blog_info));

错误：

Uncaught SyntaxError: Unexpected token f in JSON at position 51
    at JSON.parse (<anonymous>)
    at blog_panel?id=6:335

编辑2： 来自源代码的行与另一个产生相同错误的字符串

const blog_content=JSON.parse('{"edit":true,"editable":true,"blog_id":7,"blog":"{\"form_type\":\"blog\",\"form_sub_type\":\"create\",\"blog_title\":\"Test\",\"quill_0\":\"\\\"<p>Test</p>\\\"\"}"}');

JSON.parse() 抛出：

Uncaught SyntaxError: Unexpected token o in JSON at position 3
    at JSON.parse (<anonymous>)
    at blog_panel?id=6:335

Answer 1

data.toString() 将返回"[Object object]"，所以这就是您从resolve 中得到的全部内容。你应该在那里打电话给stringify，这可能会有所帮助。

Answer 2

问题：

const blog_info = '<%-JSON.stringify(blog)%>';
console.log(JSON.parse(blog_info));

<%-JSON.stringify(blog)%> 是否放置在字符串上下文中（在这种情况下为单引号）。让我举一个例子来说明这个问题。

// example #1
// assumption
<% blog = {title: "Let's play Tic-Tac-Toe"} %>

// Then this will result in:
const blog_info = '<%-JSON.stringify(blog)%>';
const blog_info = '{"title":"Let's play Tic-Tac-Toe"}';
// Uncaught SyntaxError: unexpected token: identifier

// example #2
// assumption
<% blog = {title: "foo\nbar"} %>

// Then this will result in:
const blog_info = '<%-JSON.stringify(blog)%>';
const blog_info = '{"title":"foo\nbar"}';
console.log(JSON.parse(blog_info));
// Uncaught SyntaxError: JSON.parse: bad control character in string literal at line 1 column 14 of the JSON data

而不是将结果放在字符串上下文中，而是将其直接分配给变量。 JSON 代表 JavaScript Object Notation，与普通 JavaScript^* 兼容。这意味着将代码更改为：

const blog_info = <%-JSON.stringify(blog)%>;
console.log(blog_info);

使用与上述相同的示例，结果：

// example #1
// assumption
<% blog = {title: "Let's play Tic-Tac-Toe"} %>

// Then this will result in:
const blog_info = <%-JSON.stringify(blog)%>;
const blog_info = {"title":"Let's play Tic-Tac-Toe"};
console.log(blog_info);
// prints: ⏵ Object { title: "Let's play Tic-Tac-Toe" }

// example #2
// assumption
<% blog = {title: "foo\nbar"} %>

// Then this will result in:
const blog_info = <%-JSON.stringify(blog)%>;
const blog_info = {"title": "foo\nbar"};
console.log(blog_info);
// prints: ⏵ Object { title: "foo\nbar" }