微信小程序 网络请求(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 相关文章推荐
为Yahoo! UI Extensions Grid增加内置的可编辑器
Mar 10 Javascript
获取焦点时,利用js定时器设定时间执行动作
Apr 02 Javascript
JavaScript DOM 编程艺术(第2版)读书笔记(JavaScript的最佳实践)
Oct 01 Javascript
封装好的一个万能检测表单的方法
Jan 21 Javascript
jQuery设置指定网页元素宽度和高度的方法
Mar 25 Javascript
JS中判断字符串中出现次数最多的字符及出现的次数的简单实例
Jun 03 Javascript
JQuery组件基于Bootstrap的DropDownList(完整版)
Jul 05 Javascript
解决vue2.x中数据渲染以及vuex缓存的问题
Jul 13 Javascript
javascript 跨域问题以及解决办法
Jul 17 Javascript
对vue2.0中.vue文件页面跳转之.$router.push的用法详解
Aug 24 Javascript
vue基于viewer实现的图片查看器功能
Apr 12 Javascript
vue实现固定位置显示功能
May 30 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导出EXCEL快速开发指南--PHPEXCEL的使用详解
2013/06/03 PHP
如何判断php数组的维度
2013/06/10 PHP
PHP面向对象之工作单元(实例讲解)
2017/06/26 PHP
实例讲解PHP验证邮箱是否合格
2019/01/28 PHP
在线编辑器的实现原理(兼容IE和FireFox)
2007/03/09 Javascript
javascript 45种缓动效果 非常酷
2011/06/28 Javascript
点击进行复制的JS代码实例
2013/08/23 Javascript
js设置组合快捷键/tabindex功能的方法
2013/11/21 Javascript
javascript异步编程代码书写规范Promise学习笔记
2015/02/11 Javascript
Bootstrap+jfinal退出系统弹出确认框的实现方法
2016/05/30 Javascript
浅谈JS继承_寄生式继承 &amp; 寄生组合式继承
2016/08/16 Javascript
基于jQuery实现表格内容的筛选功能
2016/08/21 Javascript
AngularJS基于MVC的复杂操作实例讲解
2017/12/31 Javascript
用Vue编写抽象组件的方法
2019/05/06 Javascript
vue.js实现简单购物车功能
2020/05/30 Javascript
python使用clear方法清除字典内全部数据实例
2015/07/11 Python
Python3.4编程实现简单抓取爬虫功能示例
2017/09/14 Python
使用Django和Python创建Json response的方法
2018/03/26 Python
python 读取.csv文件数据到数组(矩阵)的实例讲解
2018/06/14 Python
Python爬虫使用脚本登录Github并查看信息
2018/07/16 Python
关于Django ForeignKey 反向查询中filter和_set的效率对比详解
2018/12/15 Python
Python Numpy库安装与基本操作示例
2019/01/08 Python
三个python爬虫项目实例代码
2019/12/28 Python
python实现在一个画布上画多个子图
2020/01/19 Python
在tensorflow中实现屏蔽输出的log信息
2020/02/04 Python
python GUI库图形界面开发之PyQt5不规则窗口实现与显示GIF动画的详细方法与实例
2020/03/09 Python
澳大利亚网上玩具商店:Mr Toys Toyworld
2018/03/25 全球购物
德国购买踏板车网站:Microscooter
2019/10/14 全球购物
武汉世纪畅想数字传播有限公司.NET笔试题
2014/07/22 面试题
什么是托管函数?托管函数有什么用?
2014/06/15 面试题
葬礼司仪主持词
2014/03/31 职场文书
2014年医德医风工作总结
2014/11/13 职场文书
西双版纳导游词
2015/02/03 职场文书
安全员岗位职责范本
2015/04/11 职场文书
SQL SERVER实现连接与合并查询
2022/02/24 SQL Server
Centos系统通过Docker安装并搭建MongoDB数据库
2022/04/12 MongoDB