微信小程序通过网络请求动态修改页面标题

微信小程序通过网络请求动态修改页面标题
rt,写过一段时间的小程序,今晚boss提出了一个要求,根据入住商家的名称显示页面标题,思路是进入页面直接在onload请求并显示,模糊记得之前弄过,忘记了可以不可以了。写个小demo记录一下。废话不多说。开始
前端代码:

Page({
  onLoad: function(options) {
    var that = this;
    var title = '一个红扣';
    wx.request({
      url: 'https://www.xxxxx.cn/query/query/test', //仅为示例,并非真实的接口地址
      // data: {
      //   x: '',
      //   y: ''
      // },
      header: {
        'content-type': 'application/json' // 默认值
      },
      success(res) {
        console.log(res.data[0])//取到的值,网络请求成功在success内写。可以给默认值防止请求不到报错的问题。
        // var title = res.data[0]
        that.setData({
          title: res.data[0]//取到的值存起来
        })
        console.log(that.data.title)

//下面是官方的API,可以修改页面标题的
        wx.setNavigationBarTitle({
          title: that.data.title
        })
      }
    })
  },
})

后端代码用的tp5

 public function test() {
        $arr = array();
        $arr[0] = '我是一个好人啊';
        return json($arr);
     }   

效果:
微信小程序通过网络请求动态修改页面标题

用途拓展,商家小程序显示商家名称,分类商品显示分类名称,用法很多,不一一列举。

QQ:961052877 互相学习,共同进步。

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值