微信小程序 网络请求(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 相关文章推荐
jQuery 入门讲解1
Apr 15 Javascript
各种常用浏览器getBoundingClientRect的解析
May 21 Javascript
jQuery教程 $()包装函数来实现数组元素分页效果
Aug 13 Javascript
JavaScript中prototype为对象添加属性的误区介绍
Oct 15 Javascript
jQuery移除tr无效的解决方法(tr是动态添加)
Sep 22 Javascript
JS实现DIV容器赋值的方法
Dec 14 Javascript
angularjs表格分页功能详解
Jan 21 Javascript
JavaScript获取当前url根目录(路径)
Jun 17 Javascript
less简单入门(CSS 预处理语言)
Mar 08 Javascript
AngularJS解决ng-if中的ng-model值无效的问题
Jun 21 Javascript
利用JS动态生成隔行换色HTML表格的两种方法
Oct 09 Javascript
微信小程序网络层封装的实现(promise, 登录锁)
May 08 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/11/25 PHP
php中将字符串转为HTML的实体引用的一个类
2013/02/03 PHP
提高PHP编程效率的方法
2013/11/07 PHP
PHP动态规划解决0-1背包问题实例分析
2015/03/23 PHP
PHP 实现的将图片转换为TXT
2015/10/21 PHP
php微信开发自定义菜单
2016/08/27 PHP
PHP APP微信提现接口代码
2018/09/30 PHP
JavaScript 给汉字排序实例代码
2008/06/28 Javascript
jQuery.Autocomplete实现自动完成功能(详解)
2010/07/13 Javascript
jquery的Tooltip插件 qtip使用详细说明
2010/09/08 Javascript
JS常用正则表达式总结
2013/11/12 Javascript
解析URI与URL之间的区别与联系
2013/11/22 Javascript
js点击选择文本的方法
2015/02/09 Javascript
js使用setTimeout实现定时炸弹的方法
2015/04/10 Javascript
jQuery实现页面顶部显示的进度条效果完整实例
2015/12/09 Javascript
判断JS对象是否拥有某属性的方法推荐
2016/05/12 Javascript
JS实现table表格数据排序功能(可支持动态数据+分页效果)
2016/05/26 Javascript
BootStrap Typeahead自动补全插件实例代码
2016/08/10 Javascript
详解Angular5 服务端渲染实战
2018/01/04 Javascript
Vue-drag-resize 拖拽缩放插件的使用(简单示例)
2019/12/04 Javascript
详解Python3中字符串中的数字提取方法
2017/01/14 Python
python微元法计算函数曲线长度的方法
2018/11/08 Python
Python创建一个空的dataframe,并循环赋值的方法
2018/11/08 Python
python实现按行分割文件
2019/07/22 Python
python使用正则表达式去除中文文本多余空格,保留英文之间空格方法详解
2020/02/11 Python
法国在线购买汽车轮胎网站:123pneus.fr
2019/02/25 全球购物
美国体育用品商店:Academy Sports + Outdoors
2020/01/04 全球购物
中专生的个人自我评价
2013/12/11 职场文书
《梅兰芳学艺》教学反思
2014/02/24 职场文书
2014预防青少年违法犯罪工作总结
2014/12/10 职场文书
客户经理岗位职责
2015/01/31 职场文书
华山导游词
2015/02/03 职场文书
节水宣传标语口号
2015/12/26 职场文书
nginx前后端同域名配置的方法实现
2021/03/31 Servers
Python基础之函数嵌套知识总结
2021/05/23 Python
解决Python保存文件名太长OSError: [Errno 36] File name too long
2022/05/11 Python