javascript - JSON 对象被引号分隔

Question

我通过ajax调用从数据库获取数据。在 ajax 调用之后，我将数据打印到控制台，如下所示:

如果没有通过 console.log(msg.users[i]); 进行 JSON.stringify，输出为:

使用 JSON.stringify 通过 console.log(JSON.stringify(msg.users[i]));

输出(JSON 正确):

{"kid_name":"Henryk","lying_down":false,"address_of_residence":null,"birthdate":null,"kid_last_name":"Kania","kid_id":1047,"group_name":"Klasa 0","group_id":243,"start_date":"2017-03-01","nazwa_diety":"Standardowa","extra_information":"","account":null,"kid_account":null,"diet_description":"","diet_school":217,"payment_day":1,"payments_hours":2,"card_numbers":null,"last_name":"Kania","name":"Henryk","id_kid":1047,"id_group":243,"activities_yearly_payments":false}

然后立即将此用户打印到控制台后，我将一个元素附加到容器，例如:

$('#container').append('<li data-kid='+JSON.stringify(msg.users[i])+'>Test</li>');

将此用户附加到数据属性后，出现问题 - 我不知道到底是什么，但某些东西正在破坏 JSON 对象并在 group_name 字段后面添加引号:

有趣的是，并不是每个用户都会出现这个问题。无论如何，登录到控制台的 JSON 对象是正确的，因此在附加带有属性的元素后，一切都应该正常工作。

Answer 1

您可以利用 jQuery 来清理困惑的引用:

$('#container').append($("<li/>", {
  "data-kid": JSON.stringify(msg.users[i])
}));

这将创建<li>元素并要求 jQuery 设置 "data-kid"属性到您的序列化对象。