Как список объектов возвращается с сервера в формате JSON для отображения списка <div>в HTML

Question

Я знаю, что это не назначено, как может быть. Поскольку это будет последний JSON объект в массиве, отображаются теги HTML, как показано выше. Я призываю всех помочь мне превратить список в JSON формат списка HTML теги отображаются. Каждый объект JSON в. Я глубоко благодарен вам!

<script type="text/javascript" src="http://localhost:5001/api/book/showbook/1"></script>
        <script type="text/javascript">
            fetch("http://localhost:5001/api/book/showbook/1").then(
                res=>{
                    res.json().then(
                        data=>{
                            console.log(data);
                            if(data.length>0){
                                var temp ="";
                                data.forEach((u)=>{
                                    var obj = JSON.parse(JSON.stringify(u));
                                    document.getElementById("ten_sach").innerHTML = obj.tensach;
                                    document.getElementById("tenthe_loai").innerHTML = obj.tentheloai;
                                    document.getElementById("ten_tacgia").innerHTML = obj.tentacgia;
                                })
                            }
                        }
                    )
                }
            )


        </script>

 <div class="List_book">
                <ul>
                    <li>
                        <div class="img">
                            <img src="">
                            <div class="text">
                                <p id="ten_sach"></p>
                                <p id="tenthe_loai"></p>
                                <p id="ten_tacgia"></p>
                                <a><button type="submit" >Detail</button></a>
                            </div>
                        </div>
                    </li>
               </ul>
  
  </div>