微信小程序开发：如何实现网络请求(GET请求）-小程序开发-PHP中文网

微信小程序开发：如何实现网络请求(GET请求）

高洛峰

发布： 2017-02-28 11:36:23

原创

2102人浏览过

互联网技术变革真是风起云涌，千变万化啊。幸好万变不离其宗，1月9日小程序的问世，我们做it的只能不断学习啊。互联网web开发必然会用网络get请求，那么在微信小程序开发中如何实现网络请求呢？今天说说最简单的请求.后续会尝试上传下载,socket这些。

微信小程序请求注意事项：
1.一个微信小程序，同时只能有5个网络请求连接。
这个规定应该是微信为了保证用户体验制定的,毕竟是小程序.
2.wx.request(object) 参数说明:

微信小程序开发：如何实现网络请求(GET请求）

微信小程序支持GET,POST等请求.用method可以设置.
以下是GET请求的代码:

<span style="font-size:18px;">//rate.js  
//获取应用实例  
var app = getApp()  
Page( {  
  data: {  
    code: 'USD',  
    currencyF_Name: '',  
    currencyT_Name: '',  
    currencyF: '',  
    currencyT: '',  
    currencyFD: 1,  
    exchange: 0,  
    result: 0,  
    updateTime: '',  
  },  
  onLoad: function( options ) {  
    var that = this;  
      //获取汇率  
      wx.request( {  
        url: "http://op.juhe.cn/onebox/exchange/currency?key=我的appkey&from=CNY&to="+code,  
        success: function( res ) {  
          that.setData( {  
            currencyF_Name: res.data.result[0].currencyF_Name,  
            currencyT_Name: res.data.result[0].currencyT_Name,  
            currencyF: res.data.result[0].currencyF,  
            currencyT: res.data.result[0].currencyT,  
            currencyFD: res.data.result[0].currencyFD,  
            exchange: res.data.result[0].exchange,  
            result: res.data.result[0].result,  
            updateTime: res.data.result[0].updateTime,  
          })  
        }  
      })  
  }  
})</span>

登录后复制

上面代码中只需要给出URL即可,onLoad函数在页面初始化时启动,wx.request({})中success的res.data是从后台获取的数据,这一点需要注意.
以下是获取的json数据的格式.

微信小程序开发：如何实现网络请求(GET请求）