小程序常用API介绍
小程序常用API接口
-
wx.request https网络请求
wx.request({
url: \’test.php\’, //仅为示例，并非真实的接口地址
method:”GET”,
data: {
x: \’\’ ,
y: \’\’
},
header: {
\’content-type\’: \’application/json\’ },
success: function(res) {
console.log(res.data)
}
})
-
本地缓存
-
通过key的形式添加缓存setStorage （异步接口）
wx.setStorage({
key:”key”
data:”value”
})
-
通过key的形式获取缓存getStorage （异步接口）
wx.getStorage({
key: \’key\’,
success: function(res) {
console.log(res.data) }
})
-
从本地缓存中异步移除指定 key
wx.removeStorage({
key: \’key\’,
success: function(res) {
console.log(res.data)
}
})
-
清理本地数据缓存
wx.clearStorage()
-
显示、隐藏消息提示框
wx.showToast({
title: \’加载中\’,
icon: \’loading\’,
duration: 10000 })
setTimeout(function(){
wx.hideToast()
},2000)
-
动态设置当前页面的标题
wx.setNavigationBarTitle({
title: \’当前页面\’
})
-
导航
-
保留当前页面，跳转到应用内的某个页面
-
wx.navigateTo({
url: \’test?id=1\’
})
-
关闭当前页面，跳转到应用内的某个页面
wx.redirectTo({ url: \’test?id=1\’
})
-
获取用户信息，需要先调用wx.login 接口
wx.getUserInfo({
success: function(res) {
var userInfo = res.userInfo
var nickName = userInfo.nickName
var avatarUrl = userInfo.avatarUrl
var gender = userInfo.gender //性别 0：未知、1：男、2：女
var province = userInfo.province
var city = userInfo.city
var country = userInfo.country
}
})
-
获取系统信息（异步接口）
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)
}
})
-
拨打电话
wx.makePhoneCall({
phoneNumber: \’1340000\’ //仅为示例，并非真实的电话号码
}
-
获取当前的地理位置、速度
wx.getLocation({
type: \’wgs84\’,
success: function(res) {
var latitude = res.latitude
var longitude = res.longitude
var speed = res.speed
var accuracy = res.accuracy
}
})
-
重要的 var that=this
原来我们忘记了javascript 语言中 this关键字的用法了。在javascript语言中，this代表着当前的对象，它在程序中随着执行的上下文随时会变化。在本例中回调函数对象相对于showactionsheet点击事件函数对象已经发生了变化。所以已经不是原来的页面对象了。自然就没有了data属性，也没有了data.itemLists属性了。解决的办法就是复制一份当前的对象。所以我们有了这个重要的语句：
var that=this;//把this对象复制到临时变量that.
这时候我们使用that 就不会找不到原来的对象了。
console.log(that.data.itemLists[res.tapIndex]);//使用that.data 属性
文章来源：刘俊涛的博客
地址：http://www.cnblogs.com/lovebing
欢迎关注，有问题一起学习欢迎留言、评论。