Отображение выборки JavaScript для таблиц JsonResponse 2 в HTML ⇐ Python

[Anonymous]

Сейчас я изучаю JavaScript и пытаюсь отобразить данные из двух таблиц: профиля и сообщений профиля пользователя.
Вот представление API
API
Я пытался отобразить данные в index.html с помощью JavaScript.
index.js

Код: Выделить всё

function load_profile(author_id) {

// Load posts list
fetch(`/profile/${author_id}`)
.then(response => response.json())
.then(response => {
// Print profile & posts
console.log(response.prof);
console.log(response.posts);

const content_profile = document.createElement('div');
content_profile.className = "content_profile";

const user = document.createElement('p');
user.innerHTML = `${response.prof.user}`;

const followers = document.createElement('p');
followers.innerHTML = `Follower: ${response.prof.followers}`;

const following = document.createElement('p');
following.innerHTML = `Following: ${response.prof.following}`;

const a = document.createElement('a');
a.className = "btn btn-primary";
a.innerHTML = "Follow";

content_profile.append(user, followers, following, a);
document.querySelector('#profile').append(content_profile);

response.posts.forEach(post =>{
const list_item = document.createElement('ul');
const data_author = document.createElement('li');
data_author.innerHTML = post.author+" at "+post.timestamp+" say:";
const data_content = document.createElement('li');
data_content.innerHTML = post.content;
const data_like = document.createElement('li');
data_like.innerHTML = post.like+" Likes";

list_item.append(data_author, data_content, data_like);
document.querySelector('#postbox').append(list_item);
})
})
}

index.html

Код: Выделить всё

{% extends "sinpage/layout.html" %}
{% load static %}

{% block body %}



{{ request.user.username }}


{{form.as_p}}







{% endblock %}

{% block script %}

{% endblock %}

Итак, данные профиля отображаются, а данные сообщений — нет. Я впервые показываю 2 данных с помощью JavaScript. Думаю, я делаю это неправильно? Любой указатель приветствуется. Спасибо.
index.js обновлен. Теперь это работает!

Подробнее здесь: https://stackoverflow.com/questions/790 ... es-on-html