微信小程序 网络请求(GET请求)详解

 更新时间:2016年11月16日 14:18:14   作者:dzp_coder  
这篇文章主要介绍了微信小程序 网络请求(GET请求)详解的相关资料,需要的朋友可以参考下

微信小程序 网络请求 GET

微信小程序开发中网络请求必不可少,今天说说最简单的请求.后续会尝试上传下载,Socket这些.

1.一个微信小程序,同时只能有5个网络请求连接。

这个规定应该是微信为了保证用户体验制定的,毕竟是小程序.

2.wx.request(OBJECT)  参数说明:

微信小程序支持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数据的格式.

json的解析都不需要自己做了.我做Android的时候还得用gson或者是fastjson来解析json.微信为我们解决了很多麻烦.

感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!

相关文章

  • JS前端可视化GraphQL使用详解

    JS前端可视化GraphQL使用详解

    这篇文章主要为大家介绍了JS前端可视化GraphQL使用详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-08-08
  • 微信小程序 页面跳转和数据传递实例详解

    微信小程序 页面跳转和数据传递实例详解

    这篇文章主要介绍了微信小程序 页面跳转和数据传递实例详解的相关资料,这里附有实例代码帮助到家学习理解,需要的朋友可以参考下
    2017-01-01
  • JavaScript设计模式之命令模式和状态模式详解

    JavaScript设计模式之命令模式和状态模式详解

    这篇文章主要为大家介绍了JavaScript设计模式之命令模式和状态模式详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-08-08
  • 微信小程序 获取session_key和openid的实例

    微信小程序 获取session_key和openid的实例

    这篇文章主要介绍了微信小程序 获取session_key和openid的实例的相关资料,希望能通过本文帮助到大家实现这样的功能,需要的朋友可以参考下
    2017-08-08
  • 微信小程序 获取微信OpenId详解及实例代码

    微信小程序 获取微信OpenId详解及实例代码

    这篇文章主要介绍了微信小程序 获取微信OpenId详解及实例代码的相关资料,需要的朋友可以参考下
    2016-10-10
  • JavaScript 与 TypeScript之间的联系

    JavaScript 与 TypeScript之间的联系

    这篇文章主要介绍了 JavaScript 与 TypeScript之间的联系,JavaScript,也称为 JS,是一种符合 ECMAScript 规范的编程语言。这是一个高级别的、通常是即时编译的、多范式的。TypeScript 是一种强类型、面向对象的编译语言,更多消息内容,需要的朋友可以参考一下下面文章内容
    2021-11-11
  • Javascript调用XML制作连动下拉列表框

    Javascript调用XML制作连动下拉列表框

    Javascript调用XML制作连动下拉列表框...
    2006-06-06
  • JS前端架构pnpm构建Monorepo方式管理demo

    JS前端架构pnpm构建Monorepo方式管理demo

    这篇文章主要为大家介绍了JS前端架构pnpm构建Monorepo方式的管理demo,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-07-07
  • 一篇文章学会jsBridge的运行机制

    一篇文章学会jsBridge的运行机制

    JSBridge是一座用JavaScript搭建起来的桥,搭建这座桥的目的也很简单,让native可以调用web的js代码,让web可以 “调用” 原生的代码。本文主要通过分析源码讲解jsBridge的运行机制,感兴趣的朋友一起来看看吧
    2021-09-09
  • You-Dont-Know-JS作用域学习文档

    You-Dont-Know-JS作用域学习文档

    这篇文章主要介绍了You-Dont-Know-JS作用域学习文档,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-08-08

最新评论