Question

我有手机信息的api：价格图像说明我从api获取项目，然后我想将我选择的每个项目发送到数据库

我将onclick函数添加到按钮

 <button  onclick="addToCart('${[{items:{name:nam, about:about, price:price}}]}')"  style="background-color: gold;margin:0%;">add <img width="16px" src="./image/icons/shopping-cart.png" alt=""></button>


 function addToCart(name){

  console.log(`${name}`)

}

这是js代码

window.onload = function value(){
  const name = document.getElementById('api-1');

  fetch('https://us-central1-guitar-chord-de94e.cloudfunctions.net/products')
 .then(response => response.json())
 .then(items => { 
     let html = '';
     items.forEach(item =>{
      //  console.log(item.items)
     let nam = item.items.name;
     let about= item.items.about;
     let price= item.items.price;
     let image= item.items.image;

       html += `
       <div class="container">
       <img src=${image} class="item">

       <div class="overlay">
         <p id="nameItem" style="color:white">${nam}</p>
         <p style="color: white;font-weight: bold;font-size: 17px">price: ${price}</p>
         <div style="margin-top:60px;">
       <button  onclick="addToCart('${[{items:{name:nam, about:about, price:price}}]}')"  style="background-color: gold;margin:0%;">add <img width="16px" src="./image/icons/shopping-cart.png" alt=""></button>
       </div>
     </div>

     </div> 



       `;
       name.innerHTML= html;

     })
 })



 }


 function addToCart(name){

  console.log(`${item:name}`)

      }
}

html代码

        <div id="api-1" class="images full">


        </div>

我传递商品信息时

它以一个字符串传递了所有详细信息

项目：“名称价格说明”

我想要这样

项目：{ 名称：名称，价格：价格，描述：描述 } 怎么样？

如何将数组中的项目信息发送到数据库

0 个答案: