微信小程序 网络请求(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 相关文章推荐
JS案例分享之金额小写转大写
May 15 Javascript
js学习阶段总结(必看篇)
Jun 16 Javascript
浅谈angular懒加载的一些坑
Aug 20 Javascript
详解Javascript函数声明与递归调用
Oct 22 Javascript
AngularJS Toaster使用详解
Feb 24 Javascript
jQuery实现拖动效果的实例代码
Jun 25 jQuery
微信小程序实现联动选择器
Feb 15 Javascript
vue axios请求成功却进入catch的原因分析
Sep 08 Javascript
微信小程序实现选项卡滑动切换
Oct 22 Javascript
vue render函数动态加载img的src路径操作
Oct 26 Javascript
JavaScript实现切换多张图片
Jan 27 Javascript
JavaScript实例 ODO List分析
Jan 22 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中的字符串函数
2006/10/09 PHP
php简单对象与数组的转换函数代码(php多层数组和对象的转换)
2011/05/18 PHP
使用PHP静态变量当缓存的方法
2013/11/13 PHP
php 从指定数字中获取随机组合的简单方法(推荐)
2017/04/05 PHP
js 判断checkbox是否选中的操作方法
2012/11/09 Javascript
JavaScript 实现鼠标拖动元素实例代码
2014/02/24 Javascript
Javascript学习笔记之 函数篇(一) : 函数声明和函数表达式
2014/06/24 Javascript
avalonjs制作响应式瀑布流特效
2015/05/06 Javascript
jquery实现图片左右切换的方法
2015/05/07 Javascript
jQuery切换所有复选框选中状态的方法
2015/07/02 Javascript
JavaScript中innerHTML,innerText,outerHTML的用法及区别
2015/09/01 Javascript
jquery动画效果学习笔记(8种效果)
2015/11/13 Javascript
JavaScript缓冲运动实现方法(2则示例)
2016/01/08 Javascript
详解Javacript和AngularJS中的Promises
2016/02/09 Javascript
JS判断图片是否加载完成方法汇总(最新版)
2016/05/13 Javascript
js定义类的几种方法(推荐)
2016/06/08 Javascript
基于JavaScript实现前端文件的断点续传
2016/10/17 Javascript
js实现背景图自适应窗口大小
2017/01/10 Javascript
jQuery插件FusionCharts实现的2D面积图效果示例【附demo源码下载】
2017/03/06 Javascript
微信小程序上传图片功能(附后端代码)
2020/06/19 Javascript
Vue实现简单计算器案例
2020/02/25 Javascript
浅谈vue 组件中的setInterval方法和window的不同
2020/07/30 Javascript
Vue 按照创建时间和当前时间显示操作(刚刚,几小时前,几天前)
2020/09/10 Javascript
[00:23]魔方之谜解锁款式
2018/12/20 DOTA
Python中使用glob和rmtree删除目录子目录及所有文件的例子
2014/11/21 Python
构建Python包的五个简单准则简介
2015/06/15 Python
selenium + python 获取table数据的示例讲解
2018/10/13 Python
Python 调用 zabbix api的方法示例
2019/01/06 Python
pyqt5利用pyqtDesigner实现登录界面
2019/03/28 Python
python数组循环处理方法
2019/08/26 Python
2014年学生管理工作总结
2014/12/20 职场文书
三八妇女节寄语
2015/02/27 职场文书
大学毕业生个人总结
2015/02/28 职场文书
2015年劳动部工作总结
2015/05/23 职场文书
导游词之南京中山陵
2019/11/27 职场文书
Python连续赋值需要注意的一些问题
2021/06/03 Python