微信小程序 网络请求(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 相关文章推荐
javascript 客户端验证上传图片的大小(兼容IE和火狐)
Aug 15 Javascript
onsubmit阻止form表单提交与onclick的相关操作
Sep 03 Javascript
JQuery的ON()方法支持的所有事件罗列
Feb 28 Javascript
Bootstrap3学习笔记(三)之表格
May 20 Javascript
jQuery实现的兼容性浮动层示例
Aug 02 Javascript
Bootstrap中定制LESS-颜色及导航条(推荐)
Nov 21 Javascript
Node.js用readline模块实现输入输出
Dec 16 Javascript
Canvas实现放射线动画效果
Feb 15 Javascript
JS实现仿UC浏览器前进后退效果的实例代码
Jul 17 Javascript
Web技术实现移动监测的介绍
Sep 18 Javascript
详解ES6 export default 和 import语句中的解构赋值
May 28 Javascript
Node.js操作MongoDB数据库实例分析
Jan 19 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 set_error_handler()函数使用详解(示例)
2013/11/12 PHP
php根据日期显示所在星座的方法
2015/07/13 PHP
php封装json通信接口详解及实例
2017/03/07 PHP
Laravel中批量赋值Mass-Assignment的真正含义详解
2017/09/29 PHP
ThinkPHP 在阿里云上的nginx.config配置实例详解
2017/10/11 PHP
简单的php购物车代码
2020/06/05 PHP
把JS与CSS写在同一个文件里的书写方法
2007/06/02 Javascript
JQuery,Extjs,YUI,Prototype,Dojo 等JS框架的区别和应用场景简述
2010/04/15 Javascript
window.open关于浏览器拦截问题分析及解决方法
2013/02/05 Javascript
JS实现可改变列宽的table实例
2013/07/02 Javascript
Javascript实现动态菜单添加的实例代码
2013/07/05 Javascript
ExtJS DOM元素操作经验分享
2013/08/28 Javascript
javascript 数字格式化输出的实现代码
2013/12/10 Javascript
jQuery中:last选择器用法实例
2014/12/30 Javascript
jquery实现带缩略图的可定制高度画廊效果(5种)
2015/08/28 Javascript
AngularJs 指令详解及示例代码
2016/09/01 Javascript
javascript实现右下角广告框效果
2017/02/01 Javascript
AngularJS 霸道的过滤器小结
2017/04/26 Javascript
JavaScript贪吃蛇小组件实例代码
2017/08/20 Javascript
Node.JS 循环递归复制文件夹目录及其子文件夹下的所有文件
2017/09/18 Javascript
vue鼠标移入添加class样式,鼠标移出去除样式(active)实现方法
2018/08/22 Javascript
解决vue数据不实时更新的问题(数据更改了,但数据不实时更新)
2020/10/27 Javascript
[38:38]完美世界DOTA2联赛PWL S3 access vs Rebirth 第二场 12.17
2020/12/18 DOTA
python处理大日志文件
2019/07/23 Python
Python 实现自动获取种子磁力链接方式
2020/01/16 Python
OpenCV python sklearn随机超参数搜索的实现
2020/01/17 Python
python 爬虫 实现增量去重和定时爬取实例
2020/02/28 Python
Python的轻量级ORM框架peewee使用教程
2021/02/05 Python
欧迪办公美国官网:Office Depot
2016/08/22 全球购物
阿迪达斯丹麦官网:adidas丹麦
2016/10/01 全球购物
Zipadee-Zip襁褓过渡毯:Sleeping Baby
2018/12/30 全球购物
校园新闻广播稿
2014/01/10 职场文书
初一地理教学反思
2014/01/16 职场文书
企业法人授权委托书
2014/09/25 职场文书
共青团员自我评价
2015/03/10 职场文书