一、接口调用
本地调试时,后台接口为http请求,需要更改开发者工具中的设置,将红框里的内容勾选。
1. 在app.js中设置基路径:
data: {
baseUrl: 'http://32m4im.natappfree.cc'
}
2. 在需要调用接口的js文件中获取基路径:
data: {
baseUrl: getApp().data.baseUrl, // 接口基路径
}
3. 接口调用方法示例:
getArticleData: function() {
var that = this;
wx.request({
url: that.data.baseUrl + '/api/Basics/GetArticleInfoByHome',
method: "POST",
header: {
"Content-Type": "application/json"
},
success: function (res) {
that.setData({
articleData: res.data
})
}
});
},
二、setData
1. 在定义变量之后,若想修改并在页面产生效果,必须使用setData方法,如果不用,虽然console打印出来结果但是页面不会监听显示。
data: {
obj: {
name: 'lily',
old: 20
},
array: ['cat', 'dog']
}
// 在方法中修改变量的值
this.setData({
obj: newobj // 修改对象直接赋值
})
// 处理数组和对象的属性时需要用以下方法
var a = 'array['+index+']';
var b = 'obj.name'
this.setData({
[a]: 'fish' // 修改数组的元素
[b]: 'guanguan' // 修改对象的属性
})
三、获取屏幕高度
wx.getSystemInfo({
success: function(res) {
console.log(res.model)
console.log(res.pixelRatio)
console.log(res.windowWidth)
console.log(res.windowHeight)
console.log(res.language)
console.log(res.version)
}
})