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


Posted in Javascript onSeptember 29, 2017

微信小程序之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个网络请求连接。

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

Javascript 相关文章推荐
将HTML自动转为JS代码
Jun 26 Javascript
《JavaScript高级程序设计》阅读笔记(一) ECMAScript基础
Feb 27 Javascript
javascript的parseFloat()方法精度问题探讨
Nov 26 Javascript
js实现prototype扩展的方法(字符串,日期,数组扩展)
Jan 14 Javascript
javascript三种代码注释方法
Jun 02 Javascript
jQuery 翻页组件yunm.pager.js实现div局部刷新的思路
Aug 11 Javascript
jQuery Password Validation密码验证
Dec 30 Javascript
简单谈谈axios中的get,post方法
Jun 25 Javascript
JS实现导出Excel的五种方法详解【附源码下载】
Mar 15 Javascript
jQuery简单实现的HTML页面文本框模糊匹配查询功能完整示例
May 09 jQuery
VueX模块的具体使用(小白教程)
Jun 05 Javascript
vue+openlayers绘制省市边界线
Dec 24 Vue.js
js仿微信抢红包功能
Sep 25 #Javascript
给vue项目添加ESLint的详细步骤
Sep 29 #Javascript
微信小程序 POST请求的实例详解
Sep 29 #Javascript
微信小程序之数据缓存的实例详解
Sep 29 #Javascript
微信小程序getPhoneNumber获取用户手机号
Sep 29 #Javascript
微信小程序中setInterval的使用方法
Sep 29 #Javascript
vue生成随机验证码的示例代码
Sep 29 #Javascript
You might like
收音机怀古---春雷3P7图片欣赏
2021/03/02 无线电
php 网页播放器用来播放在线视频的代码(自动判断并选择视频文件类型)
2010/06/03 PHP
Javascript SHA-1:Secure Hash Algorithm
2006/12/20 Javascript
检测是否已安装 .NET Framework 3.5的js脚本
2009/02/14 Javascript
用js实现计算加载页面所用的时间
2010/04/02 Javascript
在jQuery ajax中按钮button和submit的区别分析
2012/10/07 Javascript
asm.js使用示例代码
2013/11/28 Javascript
JQuery Tips相关(1)----关于$.Ready()
2014/08/14 Javascript
jquery中JSON的解析方式
2015/03/16 Javascript
javaScript数组迭代方法详解
2016/04/14 Javascript
Jquery针对tr td的一些实用操作方法(必看篇)
2016/10/05 Javascript
nodejs根据ip数组在百度地图中进行定位
2017/03/06 NodeJs
微信小程序开发图片拖拽实例详解
2017/05/05 Javascript
jQuery取得元素标签名称小结(附代码)
2017/08/16 jQuery
webpack+vue2构建vue项目骨架的方法
2018/01/09 Javascript
vue.js分页中单击页码更换页面内容的方法(配合spring springmvc)
2018/02/10 Javascript
5分钟快速看懂ES6中的反射与代理
2019/12/19 Javascript
Node.js Domain 模块实例详解
2020/03/18 Javascript
Vue 简单实现前端权限控制的示例
2020/12/25 Vue.js
Python标准库之随机数 (math包、random包)介绍
2014/11/25 Python
Python实现从百度API获取天气的方法
2015/03/11 Python
Ubuntu16.04/树莓派Python3+opencv配置教程(分享)
2018/04/02 Python
Python学习小技巧总结
2018/06/10 Python
python 自定义对象的打印方法
2019/01/12 Python
Django框架模板语言实例小结【变量,标签,过滤器,继承,html转义】
2019/05/23 Python
opencv 获取rtsp流媒体视频的实现方法
2019/08/23 Python
CSS3中的content属性使用示例
2015/07/20 HTML / CSS
ALLSAINTS英国官网:伦敦新锐潮流品牌
2016/09/19 全球购物
cosme官方海外旗舰店:日本最大化妆品和美容产品的综合口碑网站
2017/01/18 全球购物
英国最大的独立摄影零售商:Park Cameras
2019/11/27 全球购物
高中运动会广播稿
2014/01/21 职场文书
2014年人民警察入党思想汇报
2014/10/12 职场文书
优秀共产党员推荐材料
2014/12/18 职场文书
高中班主任寄语
2019/06/21 职场文书
javascript条件式访问属性和箭头函数介绍
2021/11/17 Javascript
Fluentd搭建日志收集服务
2022/09/23 Servers