微信小程序api视频课程-网络-wx.request 请求Json对象数据的使用

一时失言乱红尘 2024-02-19 19:19 11阅读 0赞

远程数据地址：[http://www.hzyaoyi.cn/shuju/02-object.html][http_www.hzyaoyi.cn_shuju_02-object.html]  
内容

{ "id" : 1, "title" : "2018年企业最新代理政策！" }

默认  
![在这里插入图片描述][20190319103610103.png]  
点击按钮获取数据后效果  
![在这里插入图片描述][20190319103630128.png]  
微信小程序交流群：111733917 | 微信小程序从0基础到就业的课程：[https://edu.csdn.net/topic/huangjuhua][https_edu.csdn.net_topic_huangjuhua]

### wxml代码 ###

<button bindtap="myjson">获取远程Json对象数据</button>
    返回值：{
       {jieguo.id}} | {
       {jieguo.title}}

### js代码 ###

/**
       * 页面的初始数据
       */
      data: {
        jieguo:""
      },
      myjson:function(){
        var that =this;
        wx.request({
          url: 'http://www.hzyaoyi.cn/shuju/02-object.html',
          success:function(res){
            console.log(res.data)
            console.log(res.data.title)
            that.setData({
              jieguo: res.data
            })
          }
        })
      },

[欢迎大家收看我的视频教程：微信小程序常用API使用][API]

![网络-wx.request 请求Json对象数据][-wx.request _Json]

[http_www.hzyaoyi.cn_shuju_02-object.html]: http://www.hzyaoyi.cn/shuju/02-object.html
[20190319103610103.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/01/29/fc5a5ffac8d840d5bbda86471daf9a06.png
[20190319103630128.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/01/29/bcce83af86ec42babf9fa8f4d01c420d.png
[https_edu.csdn.net_topic_huangjuhua]: https://edu.csdn.net/topic/huangjuhua
[API]: https://ke.qq.com/course/383235?tuin=2b10d56
[-wx.request _Json]: https://image.dandelioncloud.cn/pgy_files/images/2024/01/29/95d53811db1d4cb6884490f815d79e6f.png