微信小程序 网络请求(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 相关文章推荐
利用a标签自动解析URL分析网址实例
Oct 20 Javascript
javascript实现的固定位置悬浮窗口实例
Apr 30 Javascript
如何实现移动端浏览器不显示 pc 端的广告
Oct 15 Javascript
jQuery实现滑动页面固定顶部显示(可根据显示位置消失与替换)
Oct 28 Javascript
深入理解angularjs过滤器
May 25 Javascript
JavaScript 总结几个提高性能知识点(推荐)
Feb 20 Javascript
jquery Form轻松实现文件上传
May 24 jQuery
React Native react-navigation 导航使用详解
Dec 01 Javascript
vue js秒转天数小时分钟秒的实例代码
Aug 08 Javascript
原生JS forEach()和map()遍历的区别、兼容写法及jQuery $.each、$.map遍历操作
Feb 27 jQuery
JS中使用react-tooltip插件实现鼠标悬浮显示框
May 15 Javascript
Vue项目总结之webpack常规打包优化方案
Jun 06 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操作MySQL事务实例
2014/11/05 PHP
php通过sort()函数给数组排序的方法
2015/03/18 PHP
PHP正则获取页面所有图片地址
2016/03/23 PHP
php强制下载文件函数
2016/08/24 PHP
使用Entrust扩展包在laravel 中实现RBAC的功能
2020/03/16 PHP
javascript 节点遍历函数
2010/03/28 Javascript
使用JavaScript检测Firefox浏览器是否启用了Firebug的代码
2010/12/28 Javascript
在多个页面使用同一个HTML片段的代码
2011/03/04 Javascript
html+css+js实现xp window界面及有关功能
2013/03/26 Javascript
JavaScript中双叹号(!!)作用示例介绍
2014/04/10 Javascript
判断浏览器的内核及版本号方法汇总
2015/01/05 Javascript
判断横屏竖屏(三种)
2017/02/13 Javascript
vue实现单选和多选功能
2017/08/11 Javascript
element vue Array数组和Map对象的添加与删除操作
2018/11/14 Javascript
vue-cli构建vue项目的步骤详解
2019/01/27 Javascript
Node.js安装详细步骤教程(Windows版)详解
2019/09/01 Javascript
Python去除列表中重复元素的方法
2015/03/20 Python
Python实现PS滤镜的旋转模糊功能示例
2018/01/20 Python
python爬虫基本知识
2018/03/05 Python
python使用xlrd模块读取xlsx文件中的ip方法
2019/01/11 Python
Python定义函数实现累计求和操作
2020/05/03 Python
Python中openpyxl实现vlookup函数的实例
2020/10/28 Python
html5 自定义播放器核心代码
2013/12/20 HTML / CSS
HTML5中indexedDB 数据库的使用实例
2017/05/11 HTML / CSS
阿拉伯世界最大的电子商务网站:Souq沙特阿拉伯
2016/10/28 全球购物
四种会话跟踪技术
2015/05/20 面试题
档案接收函
2014/01/13 职场文书
军训学生自我鉴定
2014/02/12 职场文书
普通简短的个人自我评价
2014/02/15 职场文书
终止劳动合同协议书
2014/04/14 职场文书
音乐教师求职信
2014/06/28 职场文书
自我推荐信格式模板
2015/03/24 职场文书
2015年人事工作总结范文
2015/04/09 职场文书
Python中OpenCV实现简单车牌字符切割
2021/06/11 Python
Java Optional<Foo>转换成List<Bar>的实例方法
2021/06/20 Java/Android
SQL 聚合、分组和排序
2021/11/11 MySQL