微信小程序 网络请求(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 相关文章推荐
浅谈重写window对象的方法
Dec 29 Javascript
深入理解JavaScript系列(31):设计模式之代理模式详解
Mar 03 Javascript
node.js读取文件到字符串的方法
Jun 29 Javascript
JavaScript利用正则表达式替换字符串中的内容
Dec 12 Javascript
简单的渐变轮播插件
Jan 12 Javascript
angular 服务的单例模式(依赖注入模式下)详解
Oct 22 Javascript
vue中轮训器的使用
Jan 27 Javascript
JS删除String里某个字符的方法
Jan 06 Javascript
使用Node.js实现base64和png文件相互转换的方法
Mar 11 Javascript
Json实现传值到后台代码实例
Jun 30 Javascript
vue 修改 data 数据问题并实时显示操作
Sep 07 Javascript
VUE-ElementUI 自定义Loading图操作
Nov 11 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中取得文件的后缀名?
2012/02/20 PHP
PHP中date与gmdate的区别及默认时区设置
2014/05/12 PHP
Laravel Memcached缓存驱动的配置与应用方法分析
2016/10/08 PHP
PHP isset()及empty()用法区别详解
2020/08/29 PHP
ExtJS 2.0实用简明教程 之Border区域布局
2009/04/29 Javascript
jQuery Trim去除字符串首尾空字符的实现方法说明
2014/02/11 Javascript
Jquery对象和Dom对象的区别分析
2014/11/20 Javascript
JS表的模拟方法
2015/02/05 Javascript
jQuery实现的动态文字变化输出效果示例【附演示与demo源码下载】
2017/03/24 jQuery
基于vue+ bootstrap实现图片上传图片展示功能
2017/05/17 Javascript
浅谈react.js中实现tab吸顶效果的问题
2017/09/06 Javascript
Angular2使用vscode断点调试ts文件的方法
2017/12/13 Javascript
Vue 实现树形视图数据功能
2018/05/07 Javascript
package.json配置文件构成详解
2019/08/27 Javascript
vue 中 elment-ui table合并上下两行相同数据单元格
2019/12/26 Javascript
解决vue无法侦听数组及对象属性的变化问题
2020/07/17 Javascript
探究一道价值25k的蚂蚁金服异步串行面试题
2020/08/21 Javascript
python中正则表达式的使用详解
2014/10/17 Python
python创建进程fork用法
2015/06/04 Python
新年快乐! python实现绚烂的烟花绽放效果
2019/01/30 Python
django-rest-framework 自定义swagger过程详解
2019/07/18 Python
如何基于python实现脚本加密
2019/12/28 Python
如何基于Python实现自动扫雷
2020/01/06 Python
pytorch 计算ConvTranspose1d输出特征大小方式
2020/06/23 Python
Linux安装Python3如何和系统自带的Python2并存
2020/07/23 Python
深入分析python 排序
2020/08/24 Python
如何使用python自带IDLE的几种方法
2020/10/10 Python
Django基于Models定制Admin后台实现过程解析
2020/11/11 Python
html5表单及新增的改良元素详解
2016/06/07 HTML / CSS
viagogo意大利票务平台:演唱会、体育比赛、戏剧门票
2018/01/26 全球购物
NOTINO英国:在线购买美容和香水
2020/02/25 全球购物
Python里面search()和match()的区别
2016/09/21 面试题
材料化学应届生求职信
2013/10/09 职场文书
应届生求职信
2014/05/31 职场文书
英语课前三分钟演讲稿
2014/08/19 职场文书
学术会议邀请函
2015/01/30 职场文书