如何從從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

回答

相關問題