文章目录

• 微信小程序-常用api
• • 路由
  • • wx.switchTab(Object object)
    • wx.navigateTo(Object object)
    • wx.navigateBack(Object object)
    • wx.redirectTo(Object object)
  • 提示
  • • wx.showToast(Object object)
    • wx.showModal(Object object)
    • wx.showLoading(Object object)
    • wx.showActionSheet(Object object)
  • 下拉刷新
  • 网络请求
  • 头像昵称填写

微信小程序-常用api

路由

wx.switchTab(Object object)

跳转到 tabBar 页面，并关闭其他所有非 tabBar 页面

wx.navigateTo(Object object)

保留当前页面，跳转到应用内的某个页面。但是不能跳到 tabbar 页面。

使用 wx.navigateBack 可以返回到原页面。小程序中页面栈最多十层。

wx.navigateBack(Object object)

关闭当前页面，返回上一页面或多级页面。可通过 getCurrentPages 获取当前的页面栈，决定需要返回几层。

wx.redirectTo(Object object)

关闭当前页面，跳转到应用内的某个页面。但是不允许跳转到 tabbar 页面。

提示

wx.showToast(Object object)

显示消息提示框

wx.showModal(Object object)

显示模态对话框

wx.showLoading(Object object)

显示 loading 提示框。需主动调用 wx.hideLoading 才能关闭提示框

wx.showActionSheet(Object object)

显示操作菜单

下拉刷新

在page下的json文件中开启下拉刷新：

{  "window": {"navigationBarTextStyle": "black","enablePullDownRefresh": false}
}

在js中回调：

/*** 页面相关事件处理函数--监听用户下拉动作*/
onPullDownRefresh() {console.log("下拉刷新了");setTimeout(() => {wx.stopPullDownRefresh()}, 2000)
},

全局开启下拉刷新：

在app.json文件中设置

 "enablePullDownRefresh": false

网络请求

wxml

网络请求
{dataList}}" wx:key="index">{item.img}}" mode="aspectFit" />电影名：{{item.nm}}发布时间：{{item.rt}}

js

Page({data: {dataList: []},/*** 生命周期函数--监听页面加载*/onLoad(options) {this.handleRequest()},handleRequest() {wx.request({url: 'https://m.maoyan.com/ajax/movieOnInfoList?token=&optimus_uuid=74B5F0A032A711EB82DD6B9282E93C676D27D7B9731D4E608D7612C3E708C120&optimus_risk_level=71&optimus_code=10',method: "get",data: {},success: (res) => {console.log(res.data);this.setData({dataList: res.data.movieList})},fail: () => {}})}
})

头像昵称填写

调整说明

自 2022 年 10 月 25 日 24 时后（以下统称 “生效期” ），用户头像昵称获取规则将进行如下调整：

1. 自生效期起，小程序 wx.getUserProfile 接口将被收回：生效期后发布的小程序新版本，通过 wx.getUserProfile 接口获取用户头像将统一返回默认灰色头像，昵称将统一返回 “微信用户”。生效期前发布的小程序版本不受影响，但如果要进行版本更新则需要进行适配。
2. 自生效期起，插件通过 wx.getUserInfo 接口获取用户昵称头像将被收回：生效期后发布的插件新版本，通过 wx.getUserInfo 接口获取用户头像将统一返回默认灰色头像，昵称将统一返回 “微信用户”。生效期前发布的插件版本不受影响，但如果要进行版本更新则需要进行适配。通过 wx.login 与 wx.getUserInfo 接口获取 openId、unionId 能力不受影响。
3. 「头像昵称填写能力」支持获取用户头像昵称：如业务需获取用户头像昵称，可以使用「头像昵称填写能力」（基础库 2.21.2 版本开始支持，覆盖iOS与安卓微信 8.0.16 以上版本），具体实践可见下方《最佳实践》。
4. 小程序 wx.getUserProfile 与插件 wx.getUserInfo 接口兼容基础库 2.27.1 以下版本的头像昵称获取需求：对于来自低版本的基础库与微信客户端的访问，小程序通过 wx.getUserProfile 接口将正常返回用户头像昵称，插件通过 wx.getUserInfo 接口将正常返回用户头像昵称，开发者可继续使用以上能力做向下兼容。

文档说明

wxml

头像昵称填写{avatarUrl}}" />

wxss

.avatar-wrapper {padding: 0;width: 56px !important;border-radius: 8px;margin-top: 40px;margin-bottom: 40px;
}.avatar {display: block;width: 56px;height: 56px;
}

js

Page({data: {avatarUrl: ""},onChooseAvatar(e) {let avatarUrl = e.detail.avatarUrlconsole.log("头像：", avatarUrl);this.setData({avatarUrl: avatarUrl})}
})