实训日志 day5

 发起 HTTPS 网络请求

wx.request({
  url: 'test.php', 
  data: {
    x: '',
    y: ''
  },
  header: {
    'content-type': 'application/json' 
  },
  success (res) {
    console.log(res.data)
  }
})
url string   开发者服务器接口地址  
data string/object/ArrayBuffer   请求的参数  

以“一言”网页为实例,实现请求功能 

    wx.request({
      url: 'https://v1.hitokoto.cn/', 
      data: {
        c: "a"
      },
      header: {
        'content-type': 'application/json' // 默认值
      },
      success(res) {
        // console.log(res.data)
        _this.setData({
          yiyan: res.data
        })
      }
    });

修改index.wxml内容 

{{yiyan.hitokoto}}
{{yiyan.from}}

添加天气信息

    wx.request({
      url: 'https://www.tianqiapi.com/api/',  
      method:"get",
      dataType:"json",
      data: {
        version: "v1",
        city:'湛江'
      },
      header: {
        'content-type': 'application/json' 
      },
      success(res) {
        console.log(res.data)
        _this.setData({
          weather:res.data,
          flag:true
        })
        // console.log(res.data);

      }
    })

  当前查询的城市{{weather.city}}
    天气:{{weather.data[0].wea}}
    
    穿衣指数:{{weather.data[0].index[3].desc
}}

 

最后效果

 实训日志 day5_第1张图片

 

 

你可能感兴趣的:(实训日志 day5)