微信小程序 网络请求(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中双叹号(!!)作用示例介绍
Apr 10 Javascript
使用Javascript简单实现图片无缝滚动
Dec 05 Javascript
js实现简洁的滑动门菜单(选项卡)效果代码
Sep 04 Javascript
js的form表单提交url传参数(包含+等特殊字符)的两种解决方法
May 25 Javascript
jQuery插件ajaxFileUpload异步上传文件
Oct 19 Javascript
ES6通过babel转码使用webpack使用import关键字
Dec 13 Javascript
使用DeviceOne实现微信小程序功能
Dec 29 Javascript
jQuery中的一些小技巧
Jan 18 Javascript
jQuery.Form上传文件操作
Feb 05 Javascript
JS仿QQ好友列表展开、收缩功能(第二篇)
Jul 07 Javascript
js取0-9随机取4个数不重复的数字代码实例
Mar 27 Javascript
Jquery ajax书写方法代码实例解析
Jun 12 jQuery
微信小程序 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 三维饼图的实现代码
2008/09/28 PHP
php 结果集的分页实现代码
2009/03/10 PHP
php的hash算法介绍
2014/02/13 PHP
PIGCMS 如何关闭聊天机器人
2015/02/12 PHP
PHP实现清除wordpress里恶意代码
2015/10/21 PHP
PHP 二级子目录(后台目录)设置二级域名
2017/03/02 PHP
PHP中$GLOBALS['HTTP_RAW_POST_DATA']和$_POST的区别分析
2017/07/03 PHP
Nigma vs Liquid BO3 第一场2.14
2021/03/10 DOTA
js ondocumentready onmouseover onclick onmouseout 样式
2010/07/22 Javascript
JS获取农历日期具体实例
2013/11/14 Javascript
js实现Select列表内容自动滚动效果代码
2015/08/20 Javascript
纯javascript移动优先的幻灯片效果
2015/11/02 Javascript
jquery实现手风琴效果
2015/11/20 Javascript
浅析JS异步加载进度条
2016/05/05 Javascript
基于vuejs+webpack的日期选择插件
2020/05/21 Javascript
canvas实现图像截取功能
2017/02/06 Javascript
jQuery实现jQuery-form.js实现异步上传文件
2017/04/28 jQuery
HTML5开发Kinect体感游戏的实例应用
2017/09/18 Javascript
讲解vue-router之什么是嵌套路由
2018/05/28 Javascript
layui 中select下拉change事件失效的解决方法
2019/09/20 Javascript
Python中apply函数的用法实例教程
2014/07/31 Python
python中文编码问题小结
2014/09/28 Python
python skimage 连通性区域检测方法
2018/06/21 Python
python中pika模块问题的深入探究
2018/10/13 Python
python解释器spython使用及原理解析
2019/08/24 Python
使用pandas实现连续数据的离散化处理方式(分箱操作)
2019/11/22 Python
python3.x 生成3维随机数组实例
2019/11/28 Python
使用Pytorch来拟合函数方式
2020/01/14 Python
IE支持HTML5的解决方法
2009/10/20 HTML / CSS
HTML5 Canvas的性能提高技巧经验分享
2013/07/02 HTML / CSS
巴西最大的体育用品商城:Netshoes巴西
2016/11/29 全球购物
Stefania Mode英国:奢华设计师和时尚服装
2017/10/23 全球购物
新闻专业大学生找工作的自我评价
2013/10/30 职场文书
党的群众路线教育实践活动对照检查材料范文
2014/09/24 职场文书
给老师的一封感谢信
2015/01/20 职场文书
节约用水广告语60条
2019/11/14 职场文书