微信小程序学习笔记(一)
in WeChat with 4 comment

微信小程序学习笔记(一)

in WeChat with 4 comment

wx.request 请求接口资源(微信小程序API中的发起请求部分)

栗子☟

Page({
    .....Code,

    onLoad: function () {
        var that = this //不要漏了这句,很重要
        var url = 'https://xxxxx' //url改成你API请求地址
        wx.request({
          url: url,
          header: {
            'Content-Type': 'application/json'
          },
          success: function (res) {
            console.log(res.data.result[0].posts[0])
            that.setData({
              //res代表success函数的事件对,data是固定的,postTitle是是上面json数据中postTitle
              title: res.data.result[0].posts[0].postTitle,
              content: res.data.result[0].posts[0].postContent,
            })
          }
        })
    }

})

这样可以在调试台看到返回的JSON数据

Tue Nov 27 2018 15:55:13 GMT+0800 (中国标准时间) 接口调整
VM1083:1 获取 wx.getUserInfo 接口后续将不再出现授权弹窗,请注意升级
参考文档: https://developers.weixin.qq.com/blogdetail?action=get_post_info&
lang=zh_CN&token=1650183953&docid=0000a26e1aca6012e896a517556c01
-------------JSON数据-----------------------
index.js? [sm]:63 {postId: 373, user: {…}, postTitle: "Java8新特性(Lambda表达式)", postType: "post", 
postContentMd: "Lambda 表达式是在Java 8中引入的,并且成为了Java 8最大的特点。
它使得功能性编程变得…`↵↵运行结果:↵↵```java↵Peter↵Linda↵Smith↵Zack↵Bob↵```↵", …}
--------------------------------------------

这里安利个在线解析JSON数据的网址给大家


Json.cn
<!--index.wxml-->
<view class="container">
  <view>
    <text>{{title}}</text>
  </view>
</view>

效果图如下

4评论
  • 诚挚先生

    不错的

  • 疾风

    哈哈不错

  • 梦笑潭

    来看看

  • [ · _ · ]

    真棒!