购物车的实现(三)
发表时间:2020-10-18
发布人:葵宇科技
浏览次数:39
实现的方法和逻辑代码注释都有
class Goods {
constructor() {
Goods.list();
}
// 获取商品信息的
// static 静态方法
// 静态方法只属于某个类
static list () {
//发送ajax请求
axios.get('http://localhost/day1012-27/cart2/server/server.php?fn=lst')
.then(res => { //res是后台返回的数据
// console.log(res);
//将数据转化为对象
let { meta, data } = JSON.parse(res);
console.log(meta, data);
//判断服务器状态
let html = '';
if (meta.status == 200) {
//数据是数组对象 取出需要拼接的数据
//需要先循环
data.forEach(ele => {
let { id, goodsName, goodsImg, price } = ele;
html += `<div class="box"><img src="${goodsImg}" alt=""><p>${goodsName}</p><span
class="goods_item_price" data-price-id="100004222715" style="">¥${price}</span><a
href="javascript:" id="InitCartUrl" class="btn-special1 btn-lg" rel="stylesheet">