我正在尝试使用innerHTML将消息放入网站中。
function showRoomMessages(response) {
console.log(response);
var allMessages = document.getElementById('chat');
allMessages.innerHTML = "";
response.forEach(function (message){
allMessages.innerHTML += "<div class='message'>" + message.description+ "<br>" + "verstuurd om: " + message.created_at + " door: " + message.user.name+"</div>";
});
}
响应是一个包含消息和消息信息的对象。
答案 0 :(得分:0)
我认为您的响应是一个对象而不是数组,要遍历对象,您可以使用Object.keys()
示例:
Object.keys(response).forEach(function (key){
allMessages.innerHTML += "<div class='message'>" + response[key].description+ "<br>" + "verstuurd om: " + response[key].created_at + " door: " + response[key].user.name+"</div>";
});
还请注意,我现在使用response[key]
访问对象键的值。