微信小程序  网络请求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 插件开发笔记整理
Jan 17 Javascript
jquery 漂亮的删除确认和提交无刷新删除示例
Nov 13 Javascript
JavaScript实现动态添加,删除行的方法实例详解
Jul 02 Javascript
jQuery+JSON实现AJAX二级联动实例分析
Dec 18 Javascript
JS中使用apply、bind实现为函数或者类传入动态个数的参数
Apr 26 Javascript
AngularJS ngModel实现指令与输入直接的数据通信
Sep 21 Javascript
Javascript中内建函数reduce的应用详解
Oct 20 Javascript
谈谈JavaScript数组常用方法总结
Jan 24 Javascript
jQuery基于cookie实现换肤功能实例
Oct 14 jQuery
vue实现打印功能的两种方法
Sep 07 Javascript
vue+animation实现翻页动画
Jun 29 Javascript
Vue router安装及使用方法解析
Dec 02 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数据过滤的方法
2013/10/30 PHP
php使用pthreads v3多线程实现抓取新浪新闻信息操作示例
2020/02/21 PHP
php中加密解密DES类的简单使用方法示例
2020/03/26 PHP
JQUERY 对象与DOM对象之两者相互间的转换
2009/04/27 Javascript
最简单的jQuery程序 入门者学习
2009/07/09 Javascript
jQuery ctrl+Enter shift+Enter实现代码
2010/02/07 Javascript
JavaScript单元测试ABC
2012/04/12 Javascript
jQuery Ajax中的事件详细介绍
2015/04/16 Javascript
轻松实现jquery选项卡切换效果
2016/10/10 Javascript
BootstrapTable refresh 方法使用实例简单介绍
2017/02/20 Javascript
AngularJS实现的回到顶部指令功能实例
2017/05/17 Javascript
echarts饼图扇区添加点击事件的实例
2017/10/16 Javascript
Vue2.5学习笔记之如何在项目中使用和配置Vue
2018/09/26 Javascript
webstorm中配置Eslint的两种方式及差异比较详解
2018/10/19 Javascript
vue 自定义右键样式的实例代码
2019/11/06 Javascript
Vue 使用typescript如何优雅的调用swagger API
2020/09/01 Javascript
[43:58]DOTA2上海特级锦标赛C组败者赛 Newbee VS Archon第二局
2016/02/27 DOTA
python正则表达式抓取成语网站
2013/11/20 Python
Python 多线程Threading初学教程
2017/08/22 Python
Python对列表去重的多种方法(四种方法)
2017/12/05 Python
Python中max函数用于二维列表的实例
2018/04/03 Python
python3+PyQt5实现柱状图
2018/04/24 Python
对Python random模块打乱数组顺序的实例讲解
2018/11/08 Python
python执行CMD指令,并获取返回的方法
2018/12/19 Python
itchat-python搭建微信机器人(附示例)
2019/06/11 Python
Python学习笔记之错误和异常及访问错误消息详解
2019/08/08 Python
CSS3不透明度实例讲解
2016/04/26 HTML / CSS
Right-on官方网站:日本知名的休闲服装品牌
2019/07/12 全球购物
自我评价是什么
2014/01/04 职场文书
大二学生职业生涯规划书
2014/02/05 职场文书
大学生个人实习的自我评价
2014/02/15 职场文书
经济管理专业求职信
2014/06/09 职场文书
简易离婚协议书(范本)
2014/10/25 职场文书
2014年单位工作总结范文
2014/11/27 职场文书
党员带头倡议书
2015/04/29 职场文书
面试官问我Mysql的存储引擎了解多少
2022/08/05 MySQL