如何从从JS JSON响应将数据追加到html

请我是新来的JS。我有一个AJAX返回一个JSON，我想追加到这个JSON响应结果的HTML字段。如何从从JS JSON响应将数据追加到html

这里是我的JSON响应形式Chrome检查：

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);

我得到整个数据转储，但不知道如何单独访问的字段。

来源

2017-06-18 Okoroafor Chukwuemeka

可以取代从Chrome检查的输出与'的console.log（结果）'我猜，你必须'JSON.parse（result.message.data）'因为它的字符串.. – webdeb

是的，我只是意识到JSON.parse（）是我所需要的。它处理了我的问题。如果你还写了服务器代码，非常感谢 –

，它看起来像你json编码的一个对象，然后重新json编码。我会尽量让那部分得到修复。 – James

我用

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

然后我通过访问邮件和主题内容：

`content.message` 
content.subject

，它为我工作。谢谢

来源

2017-06-18 02:06:04

如何从从JS JSON响应将数据追加到html

回答

相关问题