Javascript JQUERY/AJAX基于内容编号成倍增加类

我试图提取特定数据并将其发送到客户端，因此为了实现这一点，我使用了AJAX，如下所示：

<script type ="text/Javascript">


    $(document).ready(() => {
    $.ajax({
    type: 'GET',
    dataType : 'json',
    url: '/envoi/events/',
        })
    .done(function(data) {
    for(let i =0; i< data.length;i++) {
    console.log(data[i].events.eventName);
    $("#event1").html(`<b>${data[i].events.eventName}</b>`) // event1 is the id of field name
    $("#time1").html(`<b>${data[i].events.eventDate} - ${data[i].events.targetReminder} | 
 ${data[i].events.targetAmPM} </b>`)// time1is the id of field time and date

 $("#comment1").html(`<b>${data[i].events.caption}</b>`) // comment1 is the id of field description

 $("#location1").html(`<b>${data[i].events.location}</b>`) // location1 is the id of field location
    }
})
.fail(function(xhr, status, error) {
    console.log(error);
})
.always(function(data){
});
})
</script>

你知道如何根据上面提到的脚本中找到的数据乘以该框吗

希望我都提到了：-D

---

向您致意，

我认为您应该用javascript创建整个HTML，然后将该HTML附加到DOM中。比如说

let html = "";
for(let i =0; i< data.length;i++) {
    html += "<p>"+ data[i].events.eventName + "</p>";
    html += "<p>"+ data[i].events.eventDate + "</p>";
    }
$("#ParentDivIDWhereToAppendThisContent").html(html);

let html=”“；
for（设i=0；i”；
html+=“”+数据[i].events.eventDate+”
”；
}
$（“#parentdividwhere-appendthiscontent”）.html（html）；

---

上面的代码只是一个示例，说明了如何做到这一点。您需要自定义它以满足您的需要。

每次循环工作时，$（“#event1”）.html（..），$（“#------”）.html（..）将替换为新值。因此，为什么不在循环外部创建一个变量名html，并在循环内部创建需要在DOM中呈现的每个div部分或html标记，并在要呈现的div之后追加。就像上面回答的那样

var html="";
       for(let i =0; i< data.length;i++){
                html += `<div class="card-header"> ${data[i].event.eventName} </div>` +
                   `<div class=" -----">  $${data[i].event.eventDate} ` +
                    ------------------and so on---------------------------;
       }
         $("#NAME OF ID BEHIND YOU WANT TO SHOW YOUR NEW DIV").append(html);

var html=”“；
for（设i=0；i

---

希望它能起作用：）

有什么想法吗？谢谢你的回答，我尝试了你的解决方案，但没有成功看到我的代码的图像，能为我修改一个示例吗？

var html="";
       for(let i =0; i< data.length;i++){
                html += `<div class="card-header"> ${data[i].event.eventName} </div>` +
                   `<div class=" -----">  $${data[i].event.eventDate} ` +
                    ------------------and so on---------------------------;
       }
         $("#NAME OF ID BEHIND YOU WANT TO SHOW YOUR NEW DIV").append(html);