相思资源网 Design By www.200059.com

微信小程序之GET请求的实例详解

学习前端的人应该都会使用ajax的get请求数据,那么在微信小程序里怎样实现get请求呢?下面我就给大家演示一下简单的get请求

先上代码:

//index.js
//获取应用实例
var app = getApp()
Page({
 data: {
  motto: 'Hello World',
 onLoad: function () {
  var that = this
  wx.request({
   url: 'http://apis.baidu.com/heweather/weather/free',
   data: {city:'beijing'},
   method: 'GET', // OPTIONS, GET, HEAD, POST, PUT, DELETE, TRACE, CONNECT
   header: {apikey:'a37c01591e47494fe320137dbc0fd423'}, // 设置请求的 header
   success: function(res){
    // success
    console.log(res)
   },
   fail: function() {
    // fail
   },
   complete: function() {
    // complete
   }
  })
 }
})

得到的结果展示:

微信小程序之GET请求的实例详解

 其实观察代码不难发现,写法和ajax形同相似,只要我们搞清楚需要配置哪些参数就可以了。下面是来自官方的配置信息。

微信小程序之GET请求的实例详解

注意:一个微信小程序,同时只能有5个网络请求连接。

如有疑问请留言或者到本站社区交流讨论,感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!

标签:
微信小程序之GET请求,小程序,get请求的实例

相思资源网 Design By www.200059.com
广告合作:本站广告合作请联系QQ:858582 申请时备注:广告合作(否则不回)
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件! 如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
相思资源网 Design By www.200059.com

评论“微信小程序之GET请求的实例详解”

暂无微信小程序之GET请求的实例详解的评论...