function addCart(re,price){ var umoney = $("#umoney").val(); if(umoney*1 < price*1){ alert("账户余额不足,请充值后再进行下单!"); return false; } $.ajax({ type: "post", // post或get url: "OrdersServlet?action=addOrders", // 提交路径 data: { id: re, }, // dataType: "json", // 指定后台传来的数据是json格式 success: function(data) { if (data == 'yes') { alert("下单成功!"); document.location.reload();//当前页面 // 延迟跳转 }else if(data == 'is'){ alert("下单失败,库存不足,请联系管理员!"); }else{ alert("下单失败,请联系管理员解决问题!"); } }, error: function(err) {} }) }
时间: 2024-02-14 13:28:27 浏览: 148
这是一个名为addCart的函数,它接受两个参数re和price。首先,它获取id为"umoney"的元素的值,并将其转换为数字类型赋给变量umoney。然后,它比较umoney和price的大小,如果umoney小于price,则弹出一个提示框显示"账户余额不足,请充值后再进行下单!",并返回false。
如果umoney大于或等于price,它会执行一个ajax请求。请求的类型是post,请求的URL是"OrdersServlet?action=addOrders"。请求的数据是一个对象,包含一个属性id,值为re。成功时,会执行一个回调函数,接收返回的数据作为参数。如果返回的数据等于"yes",则弹出一个提示框显示"下单成功!",并刷新当前页面。如果返回的数据等于"is",则弹出一个提示框显示"下单失败,库存不足,请联系管理员!"。如果返回的数据不等于"yes"或"is",则弹出一个提示框显示"下单失败,请联系管理员解决问题!"。如果请求失败,则执行一个空函数。
这段代码主要用于将商品添加到购物车并进行下单操作。
相关问题
美化界面 <!-- 商品信息内容 --> <div class="container" > <div class="left"> <div class="actor"> <img width="30%" :src="$route.query.img | fmtImg" > </div> </div> <div class="right"> <h2> {{ $route.query.name }}</h2> <div class="banner-price"> <p class="params-item"><span class="params-label">价格</span> <span class="price-delete">{{$route.query.price}}</span> </p> <p><span class="params-label">促销价</span> <span class="price-strong">{{$route.query.onlineprice}}</span></p> </div> <div class="banner-params"> <p class="params-item"><span class="params-label">发货地</span>上海</p> <p class="params-item"><span class="params-label">快递方式</span>顺丰包邮</p> </div> <div class="banner-quantity"><input type="number" min="1" class="ipt-quantity"></div> <div class="banner-operate"><span class="btn-operate btn btn-dark"> 立即购买 </span> <span @click="addCart($route.query.id)" class="btn-operate btn btn-dark"> 加入购物车 </span></div> <br> <div class="banner-state"> <p class="params-item"><span class="params-label">服务承诺</span> <span class="params-label deep-gray">正品保证</span> <span class="params-label deep-gray">极速退款</span> <span class="params-label deep-gray">赠运费险</span> <span class="params-label deep-gray">七天无理由退换</span> </p> </div> </div> </div> </div>
这是一个 HTML 代码片段,用于展示商品信息的页面。其中包括商品的图片、名称、价格、促销价、发货地、快递方式、购买数量选择、立即购买和加入购物车等按钮,以及商品的服务承诺。此外,还有一些样式类,如 container、left、right、actor、banner-price、params-item、params-label、price-delete、price-strong、banner-params、banner-quantity、banner-operate 和 banner-state 等,用于美化页面的展示效果。
addCart(){ let cartList=app.globalData.cartList let index=-1 if(cartList.length==0){ this.data.product.number=1 this.data.product.choose=true//默认是选中状态 app.globalData.cartList.push(this.data.product) wx.setStorageSync('cartList', app.globalData.cartList) } else{ for(let idx in cartList){ console.log(idx) if(cartList[idx]._id==this.data.product._id){ index=idx } } if(index!=-1){ //限制库存数量的增减 if(this.data.cartList[index].number+1 > this.data.cartList[index].num){ wx.showToast({ icon:'error', title: '库存不足', }) return } cartList[index].number=cartList[index].number+1 app.globalData.cartList=cartList wx.setStorageSync('cartList', app.globalData.cartList) } else{ this.data.product.number=1 this.data.product.choose=true app.globalData.cartList.push(this.data.product) wx.setStorageSync('cartList', app.globalData.cartList) } } wx.showToast({ title: '添加到购物车', }) this.setData({ cartList:app.globalData.cartList }) },解释
这是一个小程序中的 JavaScript 代码,用于将商品添加到购物车。当用户触发一个事件时,该函数将被调用。函数首先获取全局变量 app.globalData.cartList 中存储的购物车列表,然后检查购物车列表的长度是否为0。如果是0,则将当前商品信息添加到购物车列表中,并使用 wx.setStorageSync() 方法将购物车列表存储到本地存储中。如果购物车列表不为空,则遍历购物车列表,查找是否存在与当前商品 ID 相同的商品。如果存在,则检查库存数量是否充足,如果充足,则将购物车中该商品的数量加1,并更新全局变量 app.globalData.cartList 和本地存储中的购物车列表。如果不存在,则将当前商品信息添加到购物车列表中,并使用 wx.setStorageSync() 方法将购物车列表存储到本地存储中。最后,使用 wx.showToast() 方法显示添加到购物车成功的提示信息,并调用 setData() 方法更新页面上的购物车列表。
阅读全文