微信小程序 网络请求(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焦点事件、鼠标事件和滚轮事件使用详解
Jan 15 Javascript
如何利用Promises编写更优雅的JavaScript代码
May 17 Javascript
jQuery Easyui datagrid/treegrid 清空数据
Jul 09 Javascript
微信小程序 wxapp画布 canvas详细介绍
Oct 31 Javascript
JS实现的模仿QQ头像资料卡显示与隐藏效果
Apr 07 Javascript
详解vue+css3做交互特效的方法
Nov 20 Javascript
vue项目中v-model父子组件通信的实现详解
Dec 10 Javascript
微信小程序仿美团城市选择
Jun 06 Javascript
vue-cli3.0使用及部分配置详解
Aug 29 Javascript
使用VUE+iView+.Net Core上传图片的方法示例
Jan 04 Javascript
jQuery选择器之层次选择器用法实例分析
Feb 19 jQuery
JS+css3实现幻灯片轮播图
Aug 14 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中使用SimpleXML检查XML文件结构实例
2015/01/07 PHP
php基于PDO实现功能强大的MYSQL封装类实例
2017/02/27 PHP
PHP类与对象后期静态绑定操作实例详解
2018/12/20 PHP
利用jquery操作select下拉列表框的代码
2010/06/04 Javascript
jQuery选择器的工作原理和优化分析
2011/07/25 Javascript
浅析ajax请求json数据并用js解析(示例分析)
2013/07/13 Javascript
sliderToggle在写jquery的计时器setTimeouter中不生效
2014/05/26 Javascript
搭建pomelo 开发环境
2014/06/24 Javascript
Javascript获取表单名称(name)的方法
2015/04/02 Javascript
jquery插件tytabs.jquery.min.js实现渐变TAB选项卡效果
2015/08/25 Javascript
学习JavaScript鼠标响应事件
2015/12/25 Javascript
jQuery ajaxSubmit 实现ajax提交表单局部刷新
2016/07/04 Javascript
微信小程序  modal详解及实例代码
2016/11/09 Javascript
JavaScript给每一个li节点绑定点击事件的实现方法
2016/12/01 Javascript
js 数据存储和DOM编程
2017/02/09 Javascript
AngularJS Toaster使用详解
2017/02/24 Javascript
纯JS实现简单的日历
2017/06/26 Javascript
微信小程序之电影影评小程序制作代码
2017/08/03 Javascript
vue 实现动态路由的方法
2020/07/06 Javascript
JSON 入门教程基础篇 json入门学习笔记
2020/09/22 Javascript
[19:54]夜魇凡尔赛茶话会 第一期02:看图识人
2021/03/11 DOTA
python查看模块安装位置的方法
2018/10/16 Python
Python 给屏幕打印信息加上颜色的实现方法
2019/04/24 Python
Django中reverse反转并且传递参数的方法
2019/08/06 Python
python线程安全及多进程多线程实现方法详解
2019/09/27 Python
关于pytorch处理类别不平衡的问题
2019/12/31 Python
Tensorflow--取tensorf指定列的操作方式
2020/06/30 Python
法律专业推荐信范文
2013/11/29 职场文书
研究生求职推荐信范文
2013/11/30 职场文书
历史系自荐信范文
2013/12/24 职场文书
战略合作意向书
2014/07/29 职场文书
2014年法制宣传日活动方案
2014/11/02 职场文书
学习党章的体会
2014/11/07 职场文书
《平移和旋转》教学反思
2016/02/19 职场文书
Python 文字识别
2022/05/11 Python