微信小程序通过网络请求动态修改页面标题
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 互相学习,共同进步。