小程序获取购物车所有商品id，console.log出来是undefined时的解决办法

最新推荐文章于 2022-03-20 14:00:35 发布
最新推荐文章于 2022-03-20 14:00:35 发布
阅读量515 收藏 1
点赞数 1
分类专栏： 小程序 文章标签： 小程序
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wsxDream/article/details/112270745
版权
当在小程序中尝试获取购物车所有商品ID时，若console.log显示为undefined，可以尝试声明一个数组，使用jQuery遍历js页面并添加商品ID，接着用join方法将ID转为字符串，从而正确获取商品ID。
摘要由CSDN通过智能技术生成

首先声明一个数组

let  goodsIdlist=[]

然后我们需要通过jQuery在js页面进行遍历并添加进去

 shoplist.map(element=>{
   
      goodsIdlist.push(element.goodsId)
    })
    this.setData
最低0.47元/天 解锁文章
An ape
关注
专栏目录
微信小程序商城项目实战(第五篇:购物车)
没有途径，只有努力
04-18 3781
实现购物车 json里边设置一下页面标题"navigationBarTitleText": "购物车" 界面组成 上方由一个按钮跳转到收货地址管理， 中间为购物车商品信息， 下方固定一个工具栏 全选(反选) 合计(价钱) 结算(数量)跳转到支付页并生成订单 界面编写 分享是将一个按钮隐藏且将其定位在分享处,客服也是一样的 加入购物车:如果已经加入则提示已经加入… <!--pages/cart/cart.wxml--> <view> <button>
微信小程序实现购物车功能
热门推荐
zyz00000000的博客
09-08 5万+
 在我的GitHub上有校园二手交易微信小程序的源码，这里面包含了购物车的功能，GitHub地址：https://github.com/zhuyuzhu/Secondhand-goods-on-campus，该项目的pages文件夹下的shoppingCart文件夹就是购物车的代码。   购物车功能实现的逻辑： （1）从服务器拿到的物品数据data里面，只有物品的信息，我们需要给每个物品...
SSM项目之商铺系统-前端展示系统之商品详情页开发(二十)
Sunmeok的博客
08-07 1922
接下来我们开发商品详情页，就是当我们点击商品时进入的页面 由于尺寸问题不好显示，就是显示了商品的缩略图和详情图，和价位还有最后一次修改时间   @Controller @RequestMapping("/frontend") public class ProductDetailController { @Autowired private ProductService pr...
微信小程序openid取不到，总是undefined
bug的博客
06-18 1万+
今天在做微信小程序开发的时候，遇到了这样的问题。 微信小程序官网的坑是少了data，所以获取不到，是undefined，但我加了data还是undefined。解决方法是：
html 不显示undefine,输入id查询相关信息，但是显示undefined
weixin_34464974的博客
06-16 707
在PHP页面可以查询到信息，但是在前端页面就显示undefined$(function(){$("#btnSearch").bind("click",function(){//ajax$.post("search.php",{num:$("#idNum").val()},function (data) {console.log(data);$("ul").append("mac:"+data.ma...
微信小程序：e.currentTarget.dataset.xxx 获取到undefined的解决办法
zhibinzhang的专栏
03-20 2544
wxml代码： <view data-showCN="{{showCN}}" bindtap="onClickPage"> js代码： onClickPage(e){ let p_showCN = e.currentTarget.dataset.showCN; 这里取到的showCN会是undefined, 将showCN变为showcn即可。
python购物车思路_python web 购物车思路简洁版
weixin_39630515的博客
11-28 84
众所周知购物车很麻烦（反正我不爱写）....但是又很重要1 使用DRF框架2 关系型数据库选择mysql3 非关系型数据库选择redis我们首先思考权限验证非登录用户要可以存储购物车登录用户也要可以存储购物车用户还可以对购物车的增删改查（不论登录和非登录）结算时要勾选需要结算的物品用户登录时合并购物车登录用户状态保持使用JWT&非登录用户使用cookie如何区分说完了 、但是购物车储存信息放哪是个...
【微信小程序】黑马优购--06购物车
weixin_58214412的博客
12-24 2251
8.购物车页面 接口文档 8.1收货按钮样式 <!--pages/cart/cart.wxml--> <view class="revice_address_row"> <view class="assress_btn"> <button type="primary" plain>获取收货地址</button> </view> </view> .assress_btn{ padding: 20
微信小程序之购物车和父子组件传值及calc的注意事项
ZJW222的博客
11-13 622
在做微信小程序时，觉得小组里对购物车的实现不是很完美，就自己尝试的写了下，然后用到了父子组件传值，父子组件传值的话，和vue框架上是非常相似的，以及calc这个css函数，calc有个注意点，自己不怎么用，一时间有差点忘了，这里记录下 1.效果图 2.子组件实现 要实现图中删除的效果，使用组件的形式更好做点，我当时本想直接在pages里实现，不过结果就是，滑动时，所有的商品都显示了删除按...
python flask实战订餐系统微信小程序-53购物车列表展示功能
编辑编辑器
10-08 1237
B站配套视频教程观看 订单相关数据表设计 訂單商品数据表的设计 支付回掉数据表 功能 购物车列表展示功能 将后端数据取出 判断是否是空显示还是 mina\pages\cart\index.js添加onshow事件 //index.js var app = getApp(); Page({ data: {}, onLoad: function () { this.getCartList(); }, onShow:function(){
wx小程序中遇见的undefined大坑
Antg的博客
07-25 6430
一、前言  最近在写一个微信小程序，写的js代码比较多也比较乱（js新手），然后今天下午碰到一特别奇怪问题，有五个元素，可以拖动，最后一个元素一拖动就报错，报错内容是该对象的某个值没有定义，当时也想到了数组越界，但是改了这个函数里面的那个数组越界的值后，错误依旧没有解决，最后经过前辈一番指点和操作才发现是最上面的一个数组也越界了，但是没有在这里报错。。。真是服了。特此来记录一下，这次是一次教训啊 二、总结 1、微信开发中，数组越界了不会报数组越界的异常，而是会报undefined 2、微信开发中，你当前位
前端数据显示undefined_前端面试中常见的几个问题
weixin_39701861的博客
12-03 4442
在前端很少有机会接触到算法，大多都交互性的操作，然而从各大公司面试来看，算法依旧是考察的一方面。下面这篇文章就给大家总结了在前端JS面试中常见的测试题问题，有需要的朋友们可以参考借鉴，下面来一起看看吧。学习数据结构与算法对于工程师去理解和分析问题都是有帮助的。如果将来当我们面对较为复杂的问题，这些基础知识的积累可以帮助我们更好的优化解决思路。下面罗列在前端面试中经常撞见的几个问题吧。1、介绍js的...
vue 跳转页面传参的时候参数值为undefined的解决方法
梁同学与Android
10-04 9122
错误代码如下： 跳转之前的页面： clickScan(index,row) { this.$router.push({ path: '/biz/AssociationAcitvityEnroll', params: { associationId: row.associationId } }) }, 跳转之后的页面 mounted: function () { this.associationId = this.$route.params.a
小程序获取服务器商品列表,【前端小程序】04-商品列表页面
weixin_42139302的博客
07-31 670
1. 根据 分类id 获取商品列表可以通过接口地址直接传递参数的方式：可以通过接口地址直接传递参数的方式该参数id在跳转到的页面，页面加载的页面生命周期函数中的options参数中可以获取 options.cid。页面加载的生命周期函数中获取传递的参数2. 自定义顶部tabs组件3. 获取动态数据在data中定义一个变量用于接收商品列表数据。定义一个全局的参数对象,封装查询条件:QueryPara...
微信小程序获取不到unionId的各种情况
a_115098的博客
03-10 7136
官方文档地址：点击查看。 前提：使用微信小程序登录获取unionId需要完成微信开放平台认证，地址https://open.weixin.qq.com/，完成认证后前往管理中心–小程序–绑定小程序完成绑定认证。 使用微信小程序获取unionId大致可以分为两种情况。 1、方法一 参考官方地址：点击查看，用户只需要通过wx.login（）方法获取路径中所需的js_code即可，小程序前端不能如果直接使用官方请求地址，需勾选不校验合法域名，但只能在开发环境中查看，不能应用于线上，应用于线上需在后端配置请求该方法
小程序云开发库详情页跳转（云数据库中调取数据）
cutefery的博客
02-27 2690
最近在尝试小程序的云开发，弄了很久查了很多博客才总算把详情页的跳转弄出来了。因为是从云数据库中调取数据，所以真的尝试了很多方法，希望能够分享给那些也同样遇到问题的朋友。 首先，肯定是有准备两个页面的，一个是详情页（detail),一个是你的主页面(index)。在主页面里，你需要绑定一个tap函数，为的是能够获取到你所点的集合中的id。下面的代码段是来自index.js,获取该...
微信小程序实现购物车功能详解
"微信小程序购物车功能的实现" 在微信小程序中实现购物车功能，我们可以借鉴类似Vue.js的编程模式。购物车功能通常包括单选、全选、取消选择、商品数量增减、删除商品以及显示总价等核心需求。以下将详细介绍如何在...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值