Javascript $.get json数组复制

这是我的产品索引脚本。它多次生成相互重叠的产品索引。一层是固定的，另一层是可滚动的。我试图改变参数等，但当我这样做，我无法得到的内容显示

有人能帮我吗

<h3 class="title">PRODUCTS</h3> <br><br><br><br>



<script>

$.getJSON("products2.php", function(data){
  $.each(data, function(i, field){
    $("DIV").append("<div class='productBox'>" + "id: " + field[0] + "<br> <b>" + "Name: "+ field[1] + "</b> <br>" +  "Description: " + field[2] + "<br>" + "Price: £" + field[3] + "<br>"+ "Stock: " + field[4] + "<br>" + "</div>");

  });
});


</script>


<?php include 'footer.php';?>

---

您正在使用jQuery创建一个div，但没有将其添加到DOM中。在html中添加一个容器，用于存储产品，例如

<div id="ProductsContainer"></div>

---

是否确实要附加字段[0]而不是类似以下内容：field.id或data[i].id

$('#ProductsContainer').html(''); //clear the html
$.each(data, function(i, field) {
    $('#ProductsContainer').append('your html'); //append new products
}