onLoad: function (options) { tableNum = wx.getStorageSync("tableNum") searchKey = options.searchKey; if (!searchKey) { searchKey = 'all' } console.log("传入的桌号", tableNum) console.log("传入的搜索词", searchKey) var that = this // 获取购物车缓存数据 var arr = wx.getStorageSync('cart') || []; // 左分类菜单 var menu_list = this.data.menu_list; // 右菜品菜单 var foodList = this.data.foodList; // 获取左侧分类菜单数据 categories = [] // 获取右侧菜品列表数据 var resFood = [] wx.request({ url: app.globalData.baseUrl + '/buyerfoodList', data: { searchKey: searchKey }, success(res) { if (res && res.data && res.data.data && res.data.data.length > 0) { let dataList = res.data.data; console.log(dataList) dataList.forEach((item, index) => { //遍历 item.id = index; console.log(item); categories.push(item); if (index == 0) { resFood = item.foods; //默认选中第一项 } item.foods.forEach((food, index) => { food.quantity = 0; }); }); that.setData({ menu_list: categories, foodList: resFood, }) } else { that.setData({ list: [] }) wx.showLoading({ title: '数据为空', }) } } });解释代码
时间: 2023-12-22 12:06:40 浏览: 76
这是一个小程序的页面加载函数 `onLoad`,其中 `options` 参数是页面跳转时传递过来的参数。该函数主要功能是获取购物车缓存数据、左分类菜单、右菜品菜单等,并发送网络请求获取左侧分类菜单数据和右侧菜品列表数据。具体解释如下:
1. `tableNum = wx.getStorageSync("tableNum")`:从本地缓存中读取桌号信息,并将其赋值给 `tableNum` 变量。
2. `searchKey = options.searchKey;`:获取从上一个页面传递过来的 `searchKey` 参数,并将其赋值给 `searchKey` 变量。
3. `if (!searchKey) { searchKey = 'all' }`:如果 `searchKey` 参数不存在,则将其默认设置为 `'all'`。
4. `var arr = wx.getStorageSync('cart') || [];`:从本地缓存中读取购物车数据,如果缓存中没有数据,则将 `arr` 设置为空数组。
5. `var menu_list = this.data.menu_list;` 和 `var foodList = this.data.foodList;`:分别获取左分类菜单和右菜品菜单。
6. `categories = []`:定义一个空数组 `categories`,用于存储左侧分类菜单数据。
7. `var resFood = []`:定义一个空数组 `resFood`,用于存储右侧菜品列表数据。
8. `wx.request({...})`:发送网络请求,获取左侧分类菜单数据和右侧菜品列表数据。其中 `url` 参数是请求的接口地址,`data` 参数是请求的参数,`success` 回调函数是请求成功后的回调函数,函数内部会将返回的数据进行处理,包括遍历左侧分类菜单数据、设置默认选中的菜品列表、将购物车中的菜品数量设置为0等。最后,将处理后的数据设置到页面的 `menu_list` 和 `foodList` 变量中。如果请求失败,则会弹出提示信息“数据为空”。
阅读全文