微信小程序 网络请求(GET请求)详解


Posted in Javascript onNovember 16, 2016

微信小程序 网络请求 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请求)详解

json的解析都不需要自己做了.我做Android的时候还得用gson或者是fastjson来解析json.微信为我们解决了很多麻烦.

感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!

Javascript 相关文章推荐
PJBlog插件 防刷新的在线播放器
Oct 25 Javascript
DOM 脚本编程中的兄弟节点
Oct 31 Javascript
js 控制页面跳转的5种方法
Sep 09 Javascript
node.js实现快速截图
Aug 27 Javascript
Js动态设置rem来实现移动端字体的自适应代码
Oct 14 Javascript
jquery实现简单的瀑布流布局
Dec 11 Javascript
简单实现js菜单栏切换效果
Mar 04 Javascript
jQuery实现扑克正反面翻牌效果
Mar 10 Javascript
JavaScript使用indexOf()实现数组去重的方法分析
Sep 04 Javascript
关于React动态加载路由处理的相关问题
Jan 07 Javascript
vue-week-picker实现支持按周切换的日历
Jun 26 Javascript
浅析JavaScript预编译和暗示全局变量
Sep 03 Javascript
微信小程序 POST请求(网络请求)详解及实例代码
Nov 16 #Javascript
微信小程序 swiper组件轮播图详解及实例
Nov 16 #Javascript
input框中的name和id的区别
Nov 16 #Javascript
微信小程序 页面传参实例详解
Nov 16 #Javascript
JS中关于事件处理函数名后面是否带括号的问题
Nov 16 #Javascript
微信小程序 时间格式化(util.formatTime(new Date))详解
Nov 16 #Javascript
jQuery实现的购物车物品数量加减功能代码
Nov 16 #Javascript
You might like
PHP Document 代码注释规范
2009/04/13 PHP
JQuery与Ajax常用代码实现对比
2009/10/03 Javascript
extjs 为某个事件设置拦截器
2010/01/15 Javascript
javascript学习笔记(三) String 字符串类型介绍
2012/06/19 Javascript
instanceof和typeof运算符的区别详解
2014/01/06 Javascript
JavaScript实现俄罗斯方块游戏过程分析及源码分享
2015/03/23 Javascript
jquery仿百度经验滑动切换浏览效果
2015/04/14 Javascript
JavaScript分页功能的实现方法
2015/04/25 Javascript
jQuery实现可编辑的表格实例讲解(2)
2015/09/17 Javascript
js中获取键盘事件的简单实现方法
2016/10/10 Javascript
jQuery实现ToolTip元素定位显示功能示例
2016/11/23 Javascript
vue2滚动条加载更多数据实现代码
2017/01/10 Javascript
JavaScript中的子窗口与父窗口的互相调用问题
2017/02/08 Javascript
JS+CSS实现网页加载中的动画效果
2017/10/27 Javascript
vue的全局变量和全局拦截请求器的示例代码
2018/09/13 Javascript
微信小程序实现签到功能
2018/10/31 Javascript
微信小程序使用Vant Weapp组件库的方法步骤
2019/08/01 Javascript
vue实现select下拉显示隐藏功能
2019/09/30 Javascript
bootstrap+spring boot实现面包屑导航功能(前端代码)
2019/10/09 Javascript
JS实现简单省市二级联动
2019/11/27 Javascript
[06:20]2015国际邀请赛第三日top10
2015/08/08 DOTA
[04:44]DOTA2 2017全国高校联赛视频回顾
2017/08/21 DOTA
pyqt5 使用label控件实时显示时间的实例
2019/06/14 Python
centos7中安装python3.6.4的教程
2019/12/11 Python
7款设计巧妙的css3飘带状3D立体效果的导航菜单和表单窗口
2013/02/04 HTML / CSS
Marlies Dekkers内衣法国官方网上商店:国际知名的荷兰内衣品牌
2019/03/18 全球购物
日本必酷网络直营店:Biccamera
2019/03/23 全球购物
名词解释型面试题(主要是网络)
2013/12/27 面试题
大学生毕业的自我评价分享
2014/01/02 职场文书
汽车销售员如何做职业生涯规划
2014/02/16 职场文书
护士岗前培训自我评鉴
2014/02/28 职场文书
田径运动会通讯稿
2014/09/13 职场文书
出售房屋委托书范本
2014/09/24 职场文书
2015年感恩节活动总结
2015/03/24 职场文书
电影复兴之路观后感
2015/06/02 职场文书
卫生主题班会
2015/08/14 职场文书