首页 > 微信 > 详细

微信小程序ajax请求数据及一些方法

时间:2019-08-19 12:03:44      阅读:146      评论:0      收藏:0      [点我收藏+]
<viewclass="flex-wrp"style="flex-direction:row;"wx:for="{{Industry}}">
<viewclass="flex-item bc_green">
({{index}}){{item.date}} {{item.high}} {{item.low}}
{{item.notice}}
</view>
</view>
 
<viewclass="tip"hidden="{{isshow}}">数据加载完成</view>

js

// pages/list/list.js
Page({
 
  /**
   * 页面的初始数据
   */
  data: {
    Industry:{},
    isshow:true
  },
 
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (res) {
    var that = this 
    wx.request({
      url: ‘http://www.sojson.com/open/api/weather/json.shtml?city=杭州‘, 
      header: {
        ‘content-type‘: ‘application/json‘ // 默认值
      },
      success: function (res) {
        console.log(res.data.data.forecast)
        that.setData({
          Industry: res.data.data.forecast
        })  
      },
      fail: function () {
       console.log("fail")
      },
      complete: function () {
         that.setData({
           isshow:false
         })
      } 
    })
  },
 
  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {
  
  },
 
  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {
  
  },
 
  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {
  
  },
 
  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {
  
  },
 
  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {
  
  },
 
  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {
  
  },
 
  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {
  
  }

 

微信小程序ajax请求数据及一些方法

原文:https://www.cnblogs.com/zyfeng/p/11375449.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!