微信小程序  网络请求API详解


Posted in Javascript onOctober 25, 2016

wx.request(OBJECT)发起的是https请求。一个微信小程序,同时只能有5个网络请求连接。

OBJECT参数说明:

微信小程序  网络请求API详解

 效果图:

微信小程序  网络请求API详解

 net.js

Page({
 data:{
  result:{},
 },
 onLoad:function(options){
  this.getDate('http://baobab.wandoujia.com/api/v2/feed?num=2');
 },
 /**
  * 网络请求的函数:接收一个URL参数
  */
 getDate:function(URL){
    var that = this; 
    // 申请一个网络请求
      wx.request({
    url:URL,
    method:'GET',
   //添加data
   // data: {
   //  x: '',
   //  y: ''
   //  },
   //添加头信息
   // header: {
   //  'Content-Type': 'application/json'
   // },
    // 请求成功的回调
    success: function(res) {
      that.setData({
        result:res.data
      })
      console.log(res.data)
    }
    })
 },
})

net.wxml:

<block wx:for-items="{{result.issueList}}">
  <Text style="color:green;">第{{index+1}}个列表</Text>
  <block wx:for-items="{{item.itemList}}">
     <image style="width:100%;height:200px;" src="{{item.data.cover.feed}}"></image>
  </block>
</block>

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

Javascript 相关文章推荐
JS创建优美的页面滑动块效果 - Glider.js
Sep 27 Javascript
javascript中的变量作用域以及变量提升详细介绍
Oct 24 Javascript
AngularJS实现Model缓存的方式
Feb 03 Javascript
jQuery多文件异步上传带进度条实例代码
Aug 16 Javascript
JS两种类型的表单提交方法实例分析
Nov 28 Javascript
jQuery DOM节点的遍历方法小结
Aug 15 jQuery
JavaScript获取用户所在城市及地理位置
Apr 21 Javascript
微信小程序实现按字母排列选择城市功能
Nov 25 Javascript
Element-UI+Vue模式使用总结
Jan 02 Javascript
微信小程序地图绘制线段并且测量(实例代码)
Jan 02 Javascript
JavaScript实现通讯录功能
Dec 27 Javascript
一起来看看Vue的核心原理剖析
Mar 24 Vue.js
微信小程序 progress组件详解及实例代码
Oct 25 #Javascript
微信小程序 swiper组件详解及实例代码
Oct 25 #Javascript
javascript实现获取指定精度的上传文件的大小简单实例
Oct 25 #Javascript
可输入文字查找ajax下拉框控件 ComBox的实现方法
Oct 25 #Javascript
微信小程序 数据绑定详解及实例
Oct 25 #Javascript
关于angularJs指令的Scope(作用域)介绍
Oct 25 #Javascript
javascript 中的事件委托详解
Oct 25 #Javascript
You might like
微信随机生成红包金额算法php版
2016/07/21 PHP
ThinkPHP3.2.1图片验证码实现方法
2016/08/19 PHP
[企业公众号]升级到[企业微信]之后发送消息失败的解决方法
2017/06/30 PHP
javascript学习笔记(六) Date 日期类型
2012/06/19 Javascript
jquery使用hide方法隐藏指定id的元素
2015/03/30 Javascript
JS更改select内option属性的方法
2015/10/14 Javascript
JavaScript实现in-place思想的快速排序方法
2016/08/07 Javascript
Javascript vue.js表格分页,ajax异步加载数据
2016/10/24 Javascript
Extjs表单输入框异步校验的插件实现方法
2017/03/20 Javascript
mac中利用NVM管理不同node版本的方法详解
2017/11/08 Javascript
Angular实现的敏感文字自动过滤与提示功能示例
2017/12/29 Javascript
使用D3.js创建物流地图的示例代码
2018/01/27 Javascript
微信小程序实现带缩略图轮播效果
2018/11/04 Javascript
Vue 组件注册实例详解
2019/02/23 Javascript
浅谈vue异步数据影响页面渲染
2019/10/29 Javascript
微信sdk实现禁止微信分享(使用原生php实现)
2019/11/15 Javascript
JS如何在数组指定位置插入元素
2020/03/10 Javascript
JavaScript如何实现监听键盘输入和鼠标监点击
2020/07/20 Javascript
[04:04]DOTA2亚洲邀请赛比赛场馆&酒店全攻略
2017/03/23 DOTA
[01:22:29]真视界:2019年国际邀请赛总决赛
2020/01/29 DOTA
python实现查找excel里某一列重复数据并且剔除后打印的方法
2015/05/26 Python
Python实现PS滤镜中马赛克效果示例
2018/01/20 Python
Django实现发送邮件找回密码功能
2019/08/12 Python
flask/django 动态查询表结构相同表名不同数据的Model实现方法
2019/08/29 Python
Python3合并两个有序数组代码实例
2020/08/11 Python
基于Django集成CAS实现流程详解
2020/11/28 Python
英国知名奢侈品包包品牌:Milli Millu
2016/12/22 全球购物
域名注册、建站工具、网页主机、SSL证书:Dynadot
2017/01/06 全球购物
Ariat官网:美国马靴和服装品牌
2019/12/16 全球购物
院药学专业个人求职信
2013/09/21 职场文书
体育教育专业毕业生自荐信
2013/11/15 职场文书
公司员工离职证明书
2014/10/04 职场文书
职代会闭幕词
2015/01/28 职场文书
2015年初中教师个人工作总结
2015/07/21 职场文书
php将xml转化对象的实例详解
2021/11/17 PHP
Nginx报错104:Connection reset by peer问题的解决及分析
2022/07/23 Servers