javascript - 用js和foreach为元素腾出一段时间

标签 javascript html mysql node.js

我有一个 json 对象(由服务器返回),我想用一段时间或 forEach 来显示购物车的产品。 我的对象的名称是response2,它包含购物车的产品。 我想花点时间在表格中显示这样的产品(只是想法):

<div>
<p>${response2.product}</p>
<p>${response2.price}</p>
</div>

抱歉英语不好,编程经验低! 谢谢!

这是该对象的外观:

[  
   {  
      "id":46,
      "email":"rr",
      "product":"Tort Oreo",
      "description":"Detalii: (ex: textul de pe tort, unde sa fie plasate figurinele si in ce numar)",
      "figurina":"",
      "img_tort":"nu exista",
      "price":"299"
   },
   {  
      "id":47,
      "email":"rr",
      "product":"Pizza Nevada",
      "description":"Personalizare pizza",
      "figurina":"",
      "img_tort":"",
      "price":"25"
   },
   {  
      "id":48,
      "email":"rr",
      "product":"Pizza Nevada22",
      "description":"Personalizare pizza",
      "figurina":"",
      "img_tort":"",
      "price":"29"
   }
]

最佳答案

JSON response2 是一个对象数组。

您需要引用数组索引,然后才能调用/访问对象元素。

var response2 = [  
   {  
      "id":46,
      "email":"rr",
      "product":"Tort Oreo",
      "description":"Detalii: (ex: textul de pe tort, unde sa fie plasate figurinele si in ce numar)",
      "figurina":"",
      "img_tort":"nu exista",
      "price":"299"
   },
   {  
      "id":47,
      "email":"rr",
      "product":"Pizza Nevada",
      "description":"Personalizare pizza",
      "figurina":"",
      "img_tort":"",
      "price":"25"
   },
   {  
      "id":48,
      "email":"rr",
      "product":"Pizza Nevada22",
      "description":"Personalizare pizza",
      "figurina":"",
      "img_tort":"",
      "price":"29"
   }
];

window.onload = function() {
  var i, max = response2.length;
  for(i=0;i<max;i++) {
    console.log("product:["+ response2[i].product +"], price:["+ response2[i].price +"]");
  }
}

关于javascript - 用js和foreach为元素腾出一段时间,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55533084/

相关文章:

php - 如何通过 phpmyadmin 导入一个非常大的查询?

C# MySql 创建用户

JavaScript 正则表达式,查找引号外的所有文本

mysql - 从文本 mysql 中删除 href 标签

javascript - 如何使用 tesseract.js 识别乐透彩票上的日期和数字?

javascript - 当我在 <tr> 上有一个监听器时,为什么我不能在复选框上有一个点击监听器

javascript - 模板中 Django 表单的媒体类对象的单独 JS 和 CSS 列表输出

html - 批量回传URL

javascript - 通过 react 中的动态键获取状态值

javascript - js map 为什么不通过 return 改变我的值