微信小程序 网络请求(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插件如何使用 jQuery操作Cookie插件使用介绍
Dec 15 Javascript
javascript跟随滚动效果插件代码(javascript Follow Plugin)
Aug 03 Javascript
jQuery实现简单的日期输入格式化控件
Mar 12 Javascript
JavaScript中对JSON对象的基本操作示例
May 21 Javascript
jQuery元素属性操作实例(设置、获取及删除元素属性)
Sep 08 Javascript
JS实现课堂随机点名和顺序点名
Mar 09 Javascript
javascript实现数据双向绑定的三种方式小结
Mar 09 Javascript
JS实现提示效果弹出及延迟隐藏的功能
Aug 26 Javascript
vue父子模板传值问题解决方法案例分析
Feb 26 Javascript
vue 添加和编辑用同一个表单,el-form表单提交后清空表单数据操作
Aug 03 Javascript
使用vue编写h5公众号跳转小程序的实现代码
Nov 27 Vue.js
详解JS数组方法
Nov 20 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采集相关教程之一 CURL函数库
2010/02/15 PHP
php学习笔记 类的声明与对象实例化
2011/06/13 PHP
浅谈php函数serialize()与unserialize()的使用方法
2014/08/19 PHP
php实现模拟post请求用法实例
2015/07/11 PHP
PHP入门教程之自定义函数用法详解(创建,调用,变量,参数,返回值等)
2016/09/11 PHP
PHP自定义错误用法示例
2016/09/28 PHP
WordPress 照片lightbox效果的运用几点
2009/06/22 Javascript
JavaScript NodeTree导航栏(菜单项JSON类型/自制)
2013/02/01 Javascript
A标签中通过href和onclick传递的this对象实现思路
2013/04/19 Javascript
使用js正则控制input标签只允许输入的值
2013/07/29 Javascript
jquery 追加tr和删除tr示例代码
2013/09/12 Javascript
js switch case default 的用法示例介绍
2013/10/23 Javascript
js正则表达exec与match的区别说明
2014/01/29 Javascript
判断某个字符在一个字符串中是否存在的js代码
2014/02/28 Javascript
jQuery简单几行代码实现tab切换
2015/03/10 Javascript
javascript比较语义化版本号的实现代码
2016/09/09 Javascript
js正则表达式惰性匹配和贪婪匹配用法分析
2016/12/26 Javascript
Angular利用内容投射向组件输入ngForOf模板的方法
2018/03/05 Javascript
Vue中遍历数组的新方法实例详解
2019/07/21 Javascript
jQuery设置下拉框显示与隐藏效果的方法分析
2019/09/15 jQuery
[01:19:46]EG vs Secret 2019国际邀请赛淘汰赛 胜者组 BO3 第二场 8.21.mp4
2020/07/19 DOTA
按日期打印Python的Tornado框架中的日志的方法
2015/05/02 Python
python查看zip包中文件及大小的方法
2015/07/09 Python
Python之reload流程实例代码解析
2018/01/29 Python
深入分析python数据挖掘 Json结构分析
2018/04/21 Python
图解python全局变量与局部变量相关知识
2019/11/02 Python
python 两种方法删除空文件夹
2020/09/29 Python
Python实现壁纸下载与轮换
2020/10/19 Python
python+excel接口自动化获取token并作为请求参数进行传参操作
2020/11/10 Python
美国在线肉类和海鲜配送:Crowd Cow
2020/10/02 全球购物
保洁主管岗位职责
2013/11/20 职场文书
运动会广播稿80字
2014/01/23 职场文书
致接力运动员广播稿
2014/02/17 职场文书
我的长生果教学反思
2014/04/28 职场文书
个人欠款担保书
2014/05/20 职场文书
幼儿园教师辞职信
2019/06/21 职场文书