微信小程序 网络请求(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 相关文章推荐
文档对象模型DOM通俗讲解
Nov 01 Javascript
js正则表达exec与match的区别说明
Jan 29 Javascript
javascript的创建多行字符串的7种方法
Apr 29 Javascript
JavaScript获得url所有参数键值表的方法
Mar 21 Javascript
举例详解JavaScript中Promise的使用
Jun 24 Javascript
JavaScript日期对象(Date)基本用法示例
Jan 18 Javascript
js解决软键盘遮挡输入框的问题分享
Dec 19 Javascript
使用weixin-java-tools完成微信授权登录、微信支付的示例
Sep 26 Javascript
Vue数据绑定实例写法
Aug 06 Javascript
JS开发自己的类库实例分析
Aug 28 Javascript
async/await让异步操作同步执行的方法详解
Nov 01 Javascript
小程序实现列表倒计时功能
Jan 29 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的Yii框架中日志的相关配置及使用
2015/12/08 PHP
PHP数据库操作四:mongodb用法分析
2017/08/16 PHP
CI框架教程之优化验证码机制详解【验证码辅助函数】
2019/04/16 PHP
php7下的filesize函数
2019/09/30 PHP
用JavaScript修改CSS属性的代码
2013/05/06 Javascript
Jquery实现鼠标移上弹出提示框、移出消失思路及代码
2013/05/19 Javascript
原生javascript模仿win8等待提示圆圈进度条
2014/04/24 Javascript
jquery获得同源iframe内body下标签的值的方法
2014/09/25 Javascript
JavaScript实现的类字典插入或更新方法实例
2015/07/10 Javascript
JAVA Web实时消息后台服务器推送技术---GoEasy
2016/11/04 Javascript
Angular 常用指令实例总结整理
2016/12/13 Javascript
canvas实现图片根据滑块放大缩小效果
2017/02/24 Javascript
React-Native做一个文本输入框组件的实现代码
2017/08/10 Javascript
Angular实现预加载延迟模块的示例
2017/10/12 Javascript
bootstrap paginator分页插件的两种使用方式实例详解
2017/11/14 Javascript
webpack将js打包后的map文件详解
2018/02/22 Javascript
多个vue子路由文件自动化合并的方法
2019/09/03 Javascript
Vue+tracking.js 实现前端人脸检测功能
2020/04/16 Javascript
python写日志封装类实例
2015/06/28 Python
python2.7读取文件夹下所有文件名称及内容的方法
2018/02/24 Python
Python将图片转换为字符画的方法
2020/06/16 Python
django使用LDAP验证的方法示例
2018/12/10 Python
pandas读取csv文件,分隔符参数sep的实例
2018/12/12 Python
Python爬虫之爬取淘女郎照片示例详解
2020/07/28 Python
Python 发送邮件方法总结
2020/08/10 Python
python 获取字典特定值对应的键的实现
2020/09/29 Python
使用Python通过oBIX协议访问Niagara数据的示例
2020/12/04 Python
Python3.9.0 a1安装pygame出错解决全过程(小结)
2021/02/02 Python
Python使用paramiko连接远程服务器执行Shell命令的实现
2021/03/04 Python
伯利陶器:Burleigh Pottery
2018/01/03 全球购物
经济管理专业毕业生推荐信
2013/11/11 职场文书
学生会干部自荐信
2014/02/04 职场文书
共产党员公开承诺践诺书
2014/05/28 职场文书
信息员培训方案
2014/06/12 职场文书
行政主管岗位职责
2015/02/03 职场文书
财务总监岗位职责范本
2015/04/03 职场文书