微信小程序  网络请求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 相关文章推荐
基于jquery的商品展示放大镜
Aug 07 Javascript
jQueryUI写一个调整分类的拖放效果实现代码
May 10 Javascript
基于jquery库的tab新形式使用
Nov 16 Javascript
基于pthread_create,readlink,getpid等函数的学习与总结
Jul 17 Javascript
Javascript中字符串和数字的操作方法整理
Jan 22 Javascript
从零学习node.js之文件操作(三)
Feb 21 Javascript
jQuery动态移除和添加背景图片的方法详解
Mar 07 Javascript
dts文件中删除一个node或属性的操作方法
Aug 05 Javascript
vue组件(全局,局部,动态加载组件)
Sep 02 Javascript
微信小程序与后台PHP交互的方法实例分析
Dec 10 Javascript
react中Suspense的使用详解
Sep 01 Javascript
JavaScript代码实现微博批量取消关注功能
Feb 05 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
yii添删改查实例
2015/11/16 PHP
WordPress中用于检索模版的相关PHP函数使用解析
2015/12/15 PHP
php 的反射详解及示例代码
2016/08/25 PHP
锋利的jQuery 要点归纳(三) jQuery中的事件和动画(下:动画篇)
2010/03/24 Javascript
jQuery中bind与live的用法及区别小结
2014/01/27 Javascript
javascript/jquery获取地址栏url参数的方法
2014/03/05 Javascript
Javascript学习笔记之函数篇(四):arguments 对象
2014/11/23 Javascript
深入理解JavaScript系列(33):设计模式之策略模式详解
2015/03/03 Javascript
JavaScript 身份证号有效验证详解及实例代码
2016/10/20 Javascript
js实现类bootstrap模态框动画
2017/02/07 Javascript
AngularJS中$http使用的简单介绍
2017/03/17 Javascript
微信JS SDK接入的几点注意事项(必看篇)
2017/06/23 Javascript
解决layui前端框架 form表单,table表等内置控件不显示的问题
2018/08/19 Javascript
Jquery遍历筛选数组的几种方法和遍历解析json对象,Map()方法详解以及数组中查询某值是否存在
2019/01/18 jQuery
微信小程序 wepy框架与iview-weapp的用法详解
2019/04/10 Javascript
原生js实现随机点餐效果
2019/12/10 Javascript
原生JS实现音乐播放器
2021/01/26 Javascript
[01:18:21]EG vs TNC Supermajor小组赛B组败者组第一轮 BO3 第一场 6.2
2018/06/03 DOTA
python 生成不重复的随机数的代码
2011/05/15 Python
python3使用tkinter实现ui界面简单实例
2014/01/10 Python
Django集成百度富文本编辑器uEditor攻略
2014/07/04 Python
在Python中marshal对象序列化的相关知识
2015/07/01 Python
python实现dijkstra最短路由算法
2019/01/17 Python
pyqt5与matplotlib的完美结合实例
2019/06/21 Python
Python笔记之facade模式
2019/11/20 Python
浅谈Pycharm最有必要改的几个默认设置项
2020/02/14 Python
老海军美国官网:Old Navy
2016/09/05 全球购物
Annoushka英国官网:英国奢侈珠宝品牌
2018/10/20 全球购物
廉价连衣裙和婚纱礼服在线销售:Tbdress
2019/02/28 全球购物
你经历的项目中的SCM配置项主要有哪些?什么是配置项?
2013/11/04 面试题
终端业务员岗位职责
2013/11/27 职场文书
2014升学宴答谢词
2014/01/26 职场文书
电子商务专业求职信
2014/03/08 职场文书
使用Nginx搭载rtmp直播服务器的方法
2021/10/16 Servers
CSS实现单选折叠菜单功能
2021/11/01 HTML / CSS
python blinker 信号库
2022/05/04 Python