Question

这是我的产品索引的脚本。它产生多次相互叠加的产品索引。一层是固定的，另一层是可滚动的。我已经尝试更改参数等，但是当我这样做时，我无法显示内容。

任何人都可以帮我这个吗？

<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';?>

Answer 1

您正在使用jQuery创建div但不将其添加到DOM。将容器添加到您将存储产品的html中，例如......

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

然后在您的getJSON请求回调中，您可以清除容器并将新产品添加到容器中。

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

Answer 2

你确定要追加字段[0]而不是这样：field.id或data [i] .id？

$ .get json数组重复

2 个答案: