javascript - 如何从js到html的json响应中获取追加数据

Question

拜托，我是 JS 新手。 我有一个返回 JSON 的 AJAX，我想将此 JSON 响应的结果附加到 html 字段。

这是我的 Chrome 检查器的 JSON 响应:

Object {message: Object}
message
:
Object
created_at
:
"2017-06-16 23:12:33"
data
:
"{"subject":"New Message","message":"Admin sent a new message"}"
id
:
"d93e8aa4-c56f-4312-9d2a-f7609a67acdf"
notifiable_id
:
1
notifiable_type
:
"App\Models\Doctor"
read_at
:
null
type
:
"App\Notifications\AdminMessage"
updated_at
:
"2017-06-16 23:12:33"
__proto__
:
Object
__proto__
:
Object

我已经能够通过执行以下操作将“创建于”字段附加到我的 html 中:

success:function(result){
console.log(result);                         $("#msg_date").html(result.message.created_at);              $("#msg_content").html(); 
 }

但我已尽力附加数据[主题]和数据[消息]，但并不真正知道如何从 JSON 检索文件。 当我这样做时

$("#msg_content").html(result.message.data); 

我转储了整个数据，但不知道如何单独访问这些字段。

Answer 1

我用过

var content = JSON.parse(result.message.data);

然后我通过以下方式访问了消息和主题内容:

`content.message`
 content.subject

这对我有用。谢谢