小程序怎么在页面获取接口里面的传参data数据

ajs

// 页面跳转，URL地址是将要跳转的页面相对当前页面的路径 wxnavigateTo({

url: '//help/helpdata=' + {num:'33'},

})

help页面

onLoad: function (options) { // 打印页面传递来的参数

consolelog('options',options) // 打印页面传递来的参数类型

consolelog(typeof(optionsdata))

},

一、使用来自不同页面的函数

函数写在utiljs页面

function formatTime(date) {

var year = dategetFullYear()

var month = dategetMonth() + 1

var day = dategetDate()

var hour = dategetHours()

var minute = dategetMinutes()

var second = dategetSeconds()

return [year, month, day]map(formatNumber)join('/') + ' ' + [hour, minute, second]map(formatNumber)join(':')

}

function formatNumber(n) {

n = ntoString()

return n[1] n : '0' + n

}

moduleexports = {

formatTime: formatTime,

}

使用函数

描述

描述

二、使用相同页面的函数

get_productInformation: function () {

。。。。

},

getZones:function(){

thisget_productInformation

},

三、使用appjs内定义的函数

appjs代码

//appjs

App({

onLaunch: function() {

//调用API从本地缓存中获取数据

var logs = wxgetStorageSync('logs') || []

logsunshift(Datenow())

wxsetStorageSync('logs', logs)

},

get_a_test:function(){

consolelog('this is a test')

},

getUserInfo: function(cb) {

var that = this

if (thisglobalDatauserInfo) {

typeof cb == "function" && cb(thisglobalDatauserInfo)

} else {

//调用登录接口

wxgetUserInfo({

withCredentials: false,

success: function(res) {

thatglobalDatauserInfo = resuserInfo

typeof cb == "function" && cb(thatglobalDatauserInfo)

}

})

}

},

globalData: {

userInfo: null,

college_change:false

}

})

在其他页面中使用

描述

从下图API的目录我们能看到，小程序的技术支持分为了网络、媒体、文件、数据缓存、位置、设备、界面、开放接口8个部分。下面，我们就来一个部分一个部分的看看。

1网络功能

网络这一部分支持手机文件的上传下载，除此之外，值得注意的是支持WebSocket，这意味着可以通过小程序实现手机和服务器双向的通信， 这样小程序内容的变化就可以主动的推送给用户。例如用户的文章得到了评论，用户不用刷新页面，评论就会自动出现在页面上。另外，还可以利用这个技术做一个聊天室，可以是一对一的，就好像qq，或者多对多的，就好像qq群。

2媒体

通过媒体的支持，我们可以实现3部分功能：1 手机从本地相册上传，预览和处理相关信息；2 实现录音的录制、上传、播放；3 实现播放背景音乐、控制背景音乐。需要特别说明的是音频录制跟微信公众号一样，只能录制60秒，超过60秒会自动停止。不过微信公众号的录音api应该有bug，在苹果系统下，微信录音达到45秒会出现错误，音频播放乱音。不知道小程序是否有这个问题。不过，为了避免掉到坑里，还是考虑使用七牛。

3文件

这个我就不截屏了，比较简单，支持手机存储内的文件上传下载用的，可以浏览手机存储目录，文件信息。

4数据缓存

数据缓存很好的实现了浏览器本地缓存的功能，这意味了开发者们可以自己管理客户端的缓存了，这帮助为我们的终端用户节省流量。

5位置

位置功能可以帮助小程序实现获取用户位置、地图定位的功能。导航？那应该是地图app的事情了。

6设备

设备这个有点说头了。总共分为6个部分。首先可以获取手机的系统信息，可包括了手机的型号，像素密度，屏幕大小，以及 *** 作系统、客户端信息，这帮助小程序页面布局、功能细节更好的适配种类繁多的手机。第二个是获取用户手机网络状态：2g、3g、4g、wifi，你可以提醒用户wifi下再观看节省流量哦～ 重力感应和罗盘可以实现涉及运动类和互动游戏类功能，比如微信运动、摇一摇。拨打电话可以嵌入到客服电话或者类似滴滴联系司机的场景里面。最后还有微信扫码接口调用相机实现线下二维码的扫描。

7界面

这一部分，实现了基本的d出框效果、导航效果，除此之外，特别要说明的，是微信实现了html5画布的功能，这意味着可以在小程序中实现一些简单的小游戏和卡通场景绘制。不过目前来看只支持2D界面的绘制，暂时还不支持3D。

8开放接口

开放接口功能分类也比较多。首先为小程序提供了登录和会话管理的功能，这样登录功能的开发就可以事半功倍了。第二，获取用户的微信账户信息，当然能获得哪些信息，都是在微信允许的范围内，例如openid，昵称、头像。好多朋友都问：能不能获取到用户电话和微信号？怎么可能？！想都不要想。第三是支持微信支付。第四，模板消息。这类消息其实早在微信认证服务号里面就有，请注意是认证过的，服务号（不是订阅号）。有好多朋友不明白这种消息是干嘛的。可以主动发送给用户，没有频次限制，厉害吧？！但是内容由模板格式限制，不能发送营销内容，是不是失望了，哈哈。干什么用的呢？想象你的银行微信公众号给你发的消费通知。对，就是模板消息。第五，客服消息，支持微信客户接口，很强大。最后支持分享到微信好友和朋友圈功能，支持获取微信小程序的二维码。

当然，如果看了这些你还是不太懂，可以参考 云竹小程序，相信能够解决你的问题。

微信小程序的编写中，涉及到有些业务场景需要将数据缓存到本地，则微信小程序api提供了两个接口函数，

wxsetStorage可以将数据缓存在本地指定的key中，如果本地缓存已经存在指定的key，则会覆盖该key对应的内容，这是一个异步的接口，在调用时会涉及到成功，失败，完成三个状态，

与wxsetStorage唯一不同的就是wxsetStorageSync是同步进行的，所以不会涉及到成功，失败，完成等回调，但是在使用时需要使用trycatch来捕获异常；

现在编写一个将字符串缓存本地的例子

编译项目，点击缓存按钮：

现在改变缓存的内容，但是缓存的key保持不变

可以看到第二次的内容把第一次覆盖了。

将内容缓存到本地之后，将其从本地提取展示出来，则可是使用微信小程序api提供的两个接口：wxgetStorageInfo(Object object)，wxgetStorageSync(string key)，与缓存同样，读取缓存也分同步和异步；

我们将刚刚存储到本地的数据展示到页面上：

编译项目，点击按钮获取缓存数据并将其展示到页面上。

完成了本地数据的缓存，获取，则接下来就是关于缓存数据的清除，同样微信小程序api也提供了可使用的接口，

至此微信小程序本地保存数据就此结束！

1 获取openid

11 获取code

首先我们要调用接口来获取登录凭证，也就是code,从而获取用户们登录的状态信息，其中有一个唯一标示，就是openid,还有我们登录要用到的钥匙（session_key）。用户的基本数据我们都要用到钥匙来获取数据。

wxlogin({

//获取code

success: function(res) {

code = rescode //返回code

}

})

12 获取openid

拿到上一步获取的code，结合小程序 appid 和 secret 请求接口apiweixinqqcom/sns/jscode2sessionappid=APPID&secret=SECRET&js_code=JSCODE&grant_type=authorization_code 换取openid，与 openid 一同被返回的，还包括 session_key，其中 session_key 是对用户数据进行加密签名的密钥。为了自身应用安全，session_key 不应该在网络上传输。

wxrequest({

url: 'apiweixinqqcom/sns/jscode2sessionappid=APPID&secret=SECRET&js_code='+ code +'&grant_type=authorization_code',

data: {},

header: {

'content-type': 'application/json'

},

success: function(res) {

openid = resdataopenid //返回openid

}

})

2 获取用户信息

21 在appjs中创建该全局方法

//appjs

getUserInfo:function(cb){

var that = this

if(thisglobalDatapersonInfo){

typeof cb == "function" && cb(thisglobalDatapersonInfo)

}else{

//调用登录接口

wxlogin({

success: function () {

wxgetUserInfo({

success: function (res) {

thatglobalDatapersonInfo = resuserInfo

typeof cb == "function" && cb(thatglobalDatapersonInfo)

}

})

}

})

}

}

22 实例化全局方法获取用户信息

var that = this;

//调用应用实例的方法获取全局数据

appgetUserInfo(function (personInfo) {

//更新数据

thatsetData({

personInfo: personInfo

})

})

微信小程序接入美团api：调用聚合数据API开发微信小程序，首先需要注册并进行实名认证，然后在后台中申请数据，通过申请之后就可以获取APPKEY。

目前微信已支持40个国家（地区）接入微信支付可以找第三方服务商帮忙注册认证海外公众号以后，接入跨境支付，资料齐全的前提下，申请开通需要的时间：大概2周左右。

团长“三重保障”：

社区便利店、快递站点等店铺经营者，或是宝妈、自由职业者，都可通过“美团优选团长端”微信小程序申请成为美团优选团长，最快当天就可完成审核。

美团优选本着“携手百万团长，服务一亿家庭”的愿景，针对团长提供“三重保障”措施——有竞争力的佣金和奖励金、完善的培训体制、质优价廉的商品及售后支持，赋能团长服务好社区家庭用户，也帮助团长获得持续、稳定的收入。

以上就是关于小程序怎么在页面获取接口里面的传参data数据全部的内容，包括:小程序怎么在页面获取接口里面的传参data数据、微信小程序通过什么函数发包、小程序能调用哪些API等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！