如何从js到html的json响应中追加数据

时间:2017-06-18 01:27:40

标签: javascript json ajax

请我是JS的新手。 我有一个返回JSON的AJAX,我想将这个JSON响应的结果附加到html字段。

这是我的JSON响应表单chrome inspector:

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

我已经能够通过执行以下操作将'created at'字段附加到我的html:

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

但我已尽力追加数据[subject]和数据[message],但实际上并不知道如何从JSON中检索文件。 当我做的时候

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

我获取了整个数据,但不知道如何单独访问这些字段。

1 个答案:

答案 0 :(得分:0)

我用过

`content.message`
 content.subject

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

group by

它对我有用。谢谢