$.get-json数组复制
$.get json array duplicating
这是我的产品索引脚本。它多次生成相互叠加的产品索引。一层是固定的,另一层是可滚动的。我试过更改参数等,但当我这样做时,我无法显示内容。
有人能帮我吗?
<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>
然后在getJSON请求回调中,您可以清除容器并将新产品添加到其中
$('#ProductsContainer').html(''); //clear the html
$.each(data, function(i, field) {
$('#ProductsContainer').append('your html'); //append new products
}
您确定要追加field[0]而不是类似以下内容:field.id或data[i].id吗?
相关文章:
- d3:用更多维数组复制路径
- 正在复制数组并提取
- 在javascript/angular中创建播放列表(按值复制数组,但按引用设置嵌套对象)
- 从数组中复制值时会跳过某些值
- javascript中嵌套对象的深度复制数组
- $.get-json数组复制
- 如何在javascript中复制数组的值并将其推送至相同的数组
- 在Knockout.js中复制数组
- 猫鼬 + lodash 扩展对象复制数组不正确
- 在 Angular 2 + TypeScript 中深度复制数组
- 如何复制或复制数组数组
- 为什么我在这里陷入无限循环?- 在 Javascript 中复制数组
- 数组.切片不起作用,它只是原样复制数组,而不是减去一些值
- 复制数组——>堆栈或堆溢出
- 如何在javascript中添加(复制)数组内容到另一个数组,而不替换数组的内容
- 从jQuery ajax调用中复制数组
- 如何在phonegap中复制数组到文件
- 如何动态复制数组从php到javascript
- 使用 Array.prototype.slice() 深度复制数组
- Javascript计算排列——为什么当我不复制数组时,我的代码返回不需要的解决方案?