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

 更新时间:2017年09月29日 14:31:14   作者:king-w  
这篇文章主要介绍了微信小程序之GET请求的实例详解的相关资料,希望通过本文能帮助到大家,让大家理解掌握该如何使用get请求,需要的朋友可以参考下

微信小程序之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
   }
  })
 }
})

得到的结果展示:

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

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

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

相关文章

  • 基于JavaScript实现自动更新倒计时效果

    基于JavaScript实现自动更新倒计时效果

    这篇文章主要为大家详细介绍了基于JavaScript实现自动更新倒计时效果,元旦倒计时代码分享,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-12-12
  • JavaScript命令模式原理与用法实例详解

    JavaScript命令模式原理与用法实例详解

    这篇文章主要介绍了JavaScript命令模式原理与用法,结合实例形式详细分析了JavaScript命令模式基本概念、原理、用法及操作注意事项,需要的朋友可以参考下
    2020-03-03
  • Bootstrap路径导航与分页学习使用

    Bootstrap路径导航与分页学习使用

    这篇文章主要为大家详细介绍了Bootstrap路径导航与分页学习使用的相关资料,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-02-02
  • 复杂的javascript窗口分帧解析

    复杂的javascript窗口分帧解析

    这篇文章主要为大家详细解析了复杂的javascript窗口分帧,什么是窗口分帧,JavaScript中帧窗口之间的关系,感兴趣的小伙伴们可以参考一下
    2016-02-02
  • 浅谈javascript中for in 和 for each in的区别

    浅谈javascript中for in 和 for each in的区别

    两个的作用都用来遍历对象,但为什么有了for in语句了还要for each in语句呢,后来看了下for each in开发的文档,for each in是作为E4X标准的一部分在javascript 1.6中发布的,而且它不是ECMAScript标准的一部分
    2015-04-04
  • 客户端js性能优化小技巧整理

    客户端js性能优化小技巧整理

    说起javascript无人不知无人不晓吧,下面是一些关于客户端JS性能的一些优化的小技巧,希望对大家有所帮助
    2013-11-11
  • javascript实现前端成语点击验证

    javascript实现前端成语点击验证

    这篇文章主要介绍了javascript实现前端成语点击验证,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-06-06
  • 详解JavaScript中的数组合并方法和对象合并方法

    详解JavaScript中的数组合并方法和对象合并方法

    这篇文章主要介绍了JavaScript中的数组合并方法和对象合并方法,通过代码的形式给大家介绍的非常详细,需要的朋友可以参考下
    2018-05-05
  • 浅谈微信小程序之官方UI框架we-ui使用教程

    浅谈微信小程序之官方UI框架we-ui使用教程

    这篇文章主要介绍了浅谈微信小程序之官方UI框架we-ui使用教程,WeUI 是一套同微信原生视觉体验一致的基础样式库,由微信官方设计团队为微信内网页和微信小程序量身设计,感兴趣的小伙伴们可以参考一下
    2018-08-08
  • 使用JS实现动态时钟

    使用JS实现动态时钟

    这篇文章主要为大家详细介绍了使用JS实现动态时钟,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-03-03

最新评论