用户
 找回密码
 立即注册

QQ登录

只需一步,快速开始

微客吧 首页 教程 微信小程序 新手教程 查看内容

面向新手《二十三》微信小程序简单总结,获取openid实例,

纸飞机 2018-3-8 09:39

一:微信小程序简单总结作者:赵吉彤,来自授权地址1、添加一些图片素材(网上找的),复制到项目的根目录下面,和pages目录同级2、查看微信文档介绍3、打开blog文件夹,编辑blog.js,page函数里面添加对象,data对 ...

作者:赵吉彤,来自

授权地址

1、添加一些图片素材(网上找的),复制到项目的根目录下面,和pages目录同级

2、查看微信文档介绍

3、打开blog文件夹,编辑blog.js,page函数里面添加对象,data对象表示数据,即和后台交互的数据都在这里面存储和展示,onLoad,onReady等函数是微信在页面加载时默认存在的函数,我们可以重写,实现我们自己的逻辑

4、点击编译查看对应的效果,及函数加载顺序,onLoad、onShow 、onReady的加载顺序

5、网络请求

打开微信文档,里面有对应的网络请求api,wx.request(),接收一个对象,包含我们请求的各种参数(交互的域名正式环境有限制,而且需要为https)

6、编辑blog.js,在onLoad函数里面发起网络请求,接口地址是我测试用的地址,会返回对应的数据列表,注意的地方是this指向问题,因为是在回调函数里面获取数据的,然后需要放到data对象里面,所以需要提前保存this对象的地址

现在进入页面就可看到控制台打印接收到的数据了(数据请求也可以这样发送)

  1. //发起网络请求
  2. wx.request({
  3. url: app.globalData.blog_url+'/article/findHotArticles.action',
  4. data:{
  5. size:20
  6. },
  7. success: function(res) {
  8. console.log(res.data);
  9. //把获取到的结果放到数据层
  10. that.setData({
  11. list:res.data
  12. })
  13. }
鲜花
鲜花
握手
握手
雷人
雷人
路过
路过
鸡蛋
鸡蛋
分享至 : QQ空间
收藏