微信小程序 网络请求(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 相关文章推荐
图片完美缩放
Sep 07 Javascript
List Installed Software Features
Jun 11 Javascript
关于Mozilla浏览器不支持innerText的解决办法
Jan 01 Javascript
基于jquery的点击链接插入链接内容的代码
Jul 31 Javascript
jquery表格内容筛选实现思路及代码
Apr 16 Javascript
js分页代码分享
Apr 28 Javascript
jQuery中index()方法用法实例
Dec 27 Javascript
jquery,js简单实现类似Angular.js双向绑定
Jan 13 Javascript
JavaScript日期对象(Date)基本用法示例
Jan 18 Javascript
javascript简单链式调用案例分析
May 10 Javascript
js实现类似iphone的网页滑屏解锁功能示例【附源码下载】
Jun 10 Javascript
JavaScript this指向相关原理及实例解析
Jul 10 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+Html+缓存
2006/12/20 PHP
PHP常用函数小技巧
2008/09/11 PHP
基于python发送邮件的乱码问题的解决办法
2013/04/25 PHP
Youku 视频绝对地址获取的方法详解
2013/06/26 PHP
Win2003+apache+PHP+SqlServer2008 配置生产环境
2014/07/29 PHP
php简单实现无限分类树形列表的方法
2015/03/27 PHP
实例讲解PHP设计模式编程中的简单工厂模式
2016/02/29 PHP
thinkphp3.x中display方法及show方法的用法实例
2016/05/19 PHP
Yii2使用$this-&gt;context获取当前的Module、Controller(控制器)、Action等
2017/03/29 PHP
Laravel框架实现的上传图片到七牛功能详解
2019/09/06 PHP
动感效果的TAB选项卡jquery 插件
2011/07/09 Javascript
Javascript模块化编程(一)AMD规范(规范使用模块)
2013/01/17 Javascript
javascript实现促销倒计时+fixed固定在底部
2013/09/18 Javascript
jquery 实现input输入什么div图层显示什么
2014/06/15 Javascript
js实现特定位取反原理及示例
2014/06/30 Javascript
JavaScript中的ArrayBuffer详细介绍
2014/12/08 Javascript
JS时间控制实现动态效果的实例讲解
2017/07/31 Javascript
详解基于Angular4+ server render(服务端渲染)开发教程
2017/08/28 Javascript
layui radio性别单选框赋值方法
2018/08/15 Javascript
Javascript地址引用代码实例解析
2020/02/25 Javascript
解决idea开发遇到javascript动态添加html元素时中文乱码的问题
2020/09/29 Javascript
[11:27]《一刀刀一天》之DOTA全时刻20:TI4总奖金突破920W TS赛事分析
2014/06/18 DOTA
Python中字典创建、遍历、添加等实用操作技巧合集
2015/06/02 Python
Python实现随机漫步功能
2018/07/09 Python
浅谈pycharm使用及设置方法
2019/09/09 Python
python pygame实现挡板弹球游戏
2019/11/25 Python
利用python爬取有道词典的方法
2020/12/08 Python
利用Canvas模仿百度贴吧客户端loading小球的方法示例
2017/08/13 HTML / CSS
英国在线女鞋目的地:SIMMI
2018/12/27 全球购物
捷克家具销售网站:SCONTO Nábytek
2020/01/02 全球购物
英语硕士生求职简历的自我评价
2013/10/15 职场文书
乡镇干部个人整改措施思想汇报
2014/10/10 职场文书
个人工作决心书
2015/09/22 职场文书
2016春季田径运动会广播稿
2015/12/21 职场文书
同学会演讲稿
2019/04/02 职场文书
SpringBoot 拦截器妙用你真的了解吗
2021/07/01 Java/Android