微信小程序 网络请求(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 动态生成方法的例子
Jul 22 Javascript
js 数组的for循环到底应该怎么写?
May 31 Javascript
window.open打开页面居中显示的示例代码
Dec 27 Javascript
JavaScript获取页面中第一个锚定文本的方法
Apr 03 Javascript
JQuery的Pager分页器实现代码
May 03 Javascript
快速获取/设置iframe内对象元素的几种js实现方法
May 20 Javascript
Json对象和字符串互相转换json数据拼接和JSON使用方式详细介绍(小结)
Oct 25 Javascript
jquery实现下拉框左右选择功能
Feb 21 Javascript
vue 解决循环引用组件报错的问题
Sep 06 Javascript
详解vscode中vue代码颜色插件
Oct 11 Javascript
JavaScript中filter的用法实例分析
Feb 27 Javascript
小试小程序云开发(小结)
Jun 06 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
Ajax PHP分页演示
2007/01/02 PHP
PHP中常用的转义函数
2014/02/28 PHP
php json转换成数组形式代码分享
2014/11/10 PHP
PHP 断点续传实例详解
2017/11/11 PHP
php实现等比例压缩图片
2018/07/26 PHP
关于laravel 子查询 &amp; join的使用
2019/10/16 PHP
php屏蔽错误及提示的方法
2020/05/10 PHP
jQuery点击自身以外地方关闭弹出层的简单实例
2013/12/24 Javascript
js中switch case循环实例代码
2013/12/30 Javascript
JS兼容浏览器的导出Excel(CSV)文件的方法
2014/05/03 Javascript
深入了解JavaScript中的Symbol的使用方法
2015/07/28 Javascript
javascript中的作用域和闭包详解
2016/01/13 Javascript
jquery使用on绑定a标签无效 只能用live解决
2016/06/02 Javascript
jquery实现输入框实时输入触发事件代码
2016/12/21 Javascript
基于JSONP原理解析(推荐)
2017/12/04 Javascript
jQuery实现鼠标响应式淘宝动画效果示例
2018/02/13 jQuery
基于VuePress 轻量级静态网站生成器的实现方法
2018/04/17 Javascript
jQuery实现的简单对话框拖动功能示例
2018/06/05 jQuery
小程序实现列表点赞功能
2018/11/02 Javascript
浅谈在Vue.js中如何实现时间转换指令
2019/01/06 Javascript
javascript中this的用法实践分析
2019/07/29 Javascript
基于JavaScript实现简单抽奖功能代码实例
2020/10/20 Javascript
[40:19]2018完美盛典CS.GO表演赛
2018/12/17 DOTA
Python利用operator模块实现对象的多级排序详解
2017/05/09 Python
Python实现一个转存纯真IP数据库的脚本分享
2017/05/21 Python
Python实现的破解字符串找茬游戏算法示例
2017/09/25 Python
实例讲解python中的序列化知识点
2018/10/08 Python
python word转pdf代码实例
2019/08/16 Python
Pytorch中.new()的作用详解
2020/02/18 Python
Python 如何操作 SQLite 数据库
2020/08/17 Python
canvas基础之图形验证码的示例
2018/01/02 HTML / CSS
WEB控件及HTML服务端控件能否调用客户端方法?如果能,请解释如何调用?
2015/08/25 面试题
党支部创先争优承诺书
2014/08/30 职场文书
医生个人年度总结
2015/02/28 职场文书
Python3接口性能测试实例代码
2021/06/20 Python
Spring JPA 增加字段执行异常问题及解决
2022/06/10 Java/Android