微信小程序  网络请求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 相关文章推荐
Javascript之文件操作
Mar 07 Javascript
从父页面读取和操作iframe中内容方法
Jul 25 Javascript
ECMAScript 创建自己的js类库
Nov 22 Javascript
jQuery构造函数init参数分析续
May 13 Javascript
JS实现图片剪裁并预览效果
Aug 12 Javascript
Bootstrap 填充Json数据的实例代码
Jan 11 Javascript
JS常用知识点整理
Jan 21 Javascript
JS简单封装的图片无缝滚动效果示例【测试可用】
Mar 22 Javascript
详解vue指令与$nextTick 操作DOM的不同之处
Aug 02 Javascript
解决betterScroll在vue中存在图片时,出现拉不动的问题
Sep 27 Javascript
Vue中 v-if/v-show/插值表达式导致闪现的原因及解决办法
Oct 12 Javascript
JS实现横向轮播图(初级版)
Jun 24 Javascript
微信小程序 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
缅甸的咖啡简史
2021/03/04 咖啡文化
一首老MP3,致敬WAR3经典
2021/03/08 魔兽争霸
php中使用ExcelFileParser处理excel获得数据(可作批量导入到数据库使用)
2010/08/21 PHP
深入理解PHP中的global
2014/08/19 PHP
php定时执行任务设置详解
2015/02/06 PHP
PHP入门教程之面向对象基本概念实例分析
2016/09/11 PHP
Thinkphp5框架实现图片、音频和视频文件的上传功能详解
2019/08/27 PHP
php如何获取Http请求
2020/04/30 PHP
JQuery 前台切换网站的样式实现
2009/06/22 Javascript
JavaScript中的闭包原理分析
2010/03/08 Javascript
JS 获取浏览器和屏幕宽高等信息代码
2014/03/31 Javascript
javascript实现依次输入input自动定焦
2014/12/23 Javascript
深入理解JavaScript系列(50):Function模式(下篇)
2015/03/04 Javascript
Node.js本地文件操作之文件拷贝与目录遍历的方法
2016/02/16 Javascript
JQuery异步加载PartialView的方法
2016/06/07 Javascript
Node.js的文件权限及读写flag详解
2016/10/11 Javascript
jquery利用json实现页面之间传值的实例解析
2016/12/12 Javascript
JS轮播图中缓动函数的封装
2020/11/25 Javascript
Vue.js学习之过滤器详解
2017/01/22 Javascript
Jquery的autocomplete插件用法及参数讲解
2019/03/12 jQuery
原生js实现简单轮播图
2020/10/26 Javascript
JavaScript实现alert弹框效果
2020/11/19 Javascript
[58:25]VP vs RNG 2019国际邀请赛小组赛 BO2 第一场 8.15
2019/08/17 DOTA
python实现诗歌游戏(类继承)
2019/02/26 Python
python 生成任意形状的凸包图代码
2020/04/16 Python
Python基于DB-API操作MySQL数据库过程解析
2020/04/23 Python
CSS3 制作旋转的大风车(充满童年回忆)
2013/01/30 HTML / CSS
BIBLOO波兰:捷克的一家在线服装店
2018/03/09 全球购物
如何理解委托
2012/01/06 面试题
六一儿童节活动策划方案
2014/01/27 职场文书
综合实践活动总结
2014/05/05 职场文书
员工廉洁自律承诺书
2014/05/26 职场文书
房屋租赁合同解除协议书
2014/10/11 职场文书
新闻稿标题
2015/07/18 职场文书
技术入股合作协议书
2016/03/21 职场文书
使用PostGIS完成两点间的河流轨迹及流经长度的计算(推荐)
2022/01/18 PostgreSQL