微信小程序常见问题记录

wx:if类似VUE中的v-if，通常用来控制元素的显示隐藏，里面存布尔值；wx:for中用来存储需要遍历的数据，可以是数组，数据，索引值；wx:key用来装索引值，防止报错

作为一个渣前端，记录一下人生中绑的第一个后台数据，毕竟以前都是丢给后台绑的......方便以后查阅。公司之前的项目绑后台都是用PHP封装来进行后台数据绑定，我实在看不懂，还是乖乖用wx.request()吧。

JS代码如下：

Page({/*** 页面的初始数据*/data: {content: [{phone:[]}

getdata: function () {  //定义函数名称var that = this;    // 这个地方非常重要，重置data{}里数据时候setData方法的this应为以及函数的this, 如果在下方的sucess直接写this就变成了wx.request()的this了wx.request({url: 'https://wj.antyiz.xyz/api/getPlanPhone',   //请求地址data: {  //发送给后台的数据plannumber: ''},header: {  //请求头'content-type': 'application/json' // 默认值},method: "GET",   //get为默认方法/POSTsuccess: function (res) {console.log(res.data)  //res.data相当于ajax里面的data,为后台返回的数据that.setData({    //如果在sucess直接写this就变成了wx.request()的this了.必须为getdata函数的this,不然无法重置调用函数        phone: res.data})},fail: function (err) { },//请求失败complete: function () { }//请求完成后执行的函数})}

控制台consloe.log()的数据如下：

WXML界面：

<text class='telephone-number' wx:for="{{phone}}">{{item[0].plannumber}}</text>

绑定成功！

基础库兼容

某些API在低版本基础库无法使用，需做兼容性处理。除用if else 之外还可以用微信系统信息内的API进行查看

不同页面传值方式

1. 通过 URL进行传值，在另一个页面可通过options拿到

2.通过app.js传值，可通过app.函数名.方法名获取

3.把一个页面的值写在缓存里面，在另外一个页面调取，官方提供10M的本地缓存

后面加Sync的为同步缓存，不加的为异步缓存。

同步与异步是指的消息通讯机制。就是信息传来传去的时候是同步还异步。重点强调的是通讯这个动作。举例说明一下，比如要请求用户信息的时候，需要从缓存中获取iduser这个变量，那只有获取到这个变量才能进行下一步。那就应该使用wx.getStorageSync。这样能确保一定能获取到这个变量。

说个大白话的例子。比如打电话给前台，帮忙查询一个快递，如果电话没有挂，你在这边一直等待，等前台MM查完告诉你有没有，这叫“同步”。如果前台妹子说等会给你回信，电话挂了这叫“异步”。

微信小程序常见问题记录相关推荐

微信小程序常见问题（报错）
微信小程序常见问题: 微信小程序项目结构主要有四个文件类型,如下 WXML (WeiXin Markup Language)是框架设计的一套标签语言,结合基础组件.事件系统,可以构建出页面的结构. ...
微信小程序学习记录【1】【项目结构构成、官方文档构成、基本配置】
微信小程序学习记录[1][项目结构构成.基本配置]文章目录项目结构构成官方文档结构基本配置 1. 小程序配置 1.1 app.json 1.2 page(页面名).json 1.3 sitema ...
微信小程序常见问题集合（长期更新）
最新更新: 新手跳坑系列:推荐阅读:<二十四>request:fail错误(含https解决方案)(真机预览问题跳坑指南<七十>如何让微信小程序服务类目审核通过跳坑六十九: ...
69个微信小程序常见问题
本文转自遇到小程序方面的问题,该去哪里提问呢? 若是能得到微信官方的解答,想必是最叫人安心的.而微信也确实提供了这么一个地方. 在微信公众平台的开发者社区,就置顶了一个「小程序常见问题 FAQ」帖. ...
我为什么要开发微信小程序来记录成长锻炼成绩
我家里有两个孩子,一个刚上一年级,一个幼儿园.在当前国家提倡减负的背景下,鼓励大家参加益智健身的活动,体育活动明显增加了.还有一份体育评分标准,如下<小学一年级测试项目及评分标准>: 小学 ...
微信小程序开发记录一，开发工具的使用
工欲善其事,必先利其器. 开发工具的下载> 1.微信开发者工具的下载: 下载地址:https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/downl ...
json 微信小程序筛选_微信小程序学习记录
全局配置 app.json 文件用来对微信小程序进行全局配置. pages 类型为 String Array 是页面路径列表,创建目录和更改时会自动更改文件. 用于指定小程序由哪些页面组成,每一项 ...
微信小程序学习记录——4.框架-视图层
文章目录 1.WXML 数据绑定简单绑定运算组合列表渲染 wx:for block wx:for wx:key 条件渲染 wx:if block wx:if wx:if vs hidden 模 ...
微信小程序常见问题汇总
1.如何避免微信小程序中 app.js中 onshow事件的n次触发的问题? 问题在开发中,遇到了一个小难题,就是app.js中 onshow事件总是会因调用其它API而触发,例如:wx.choos ...