微信小程序  网络请求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 相关文章推荐
Prototype 工具函数 学习
Jul 23 Javascript
jQuery validate 中文API 附validate.js中文api手册
Jul 31 Javascript
javascript 进阶篇1 正则表达式,cookie管理,userData
Mar 14 Javascript
jquery解析xml字符串简单示例
Apr 11 Javascript
Javascript设计模式之观察者模式的多个实现版本实例
Mar 03 Javascript
Js实现简单的小球运动特效
Feb 18 Javascript
AngularJs上传前预览图片的实例代码
Jan 20 Javascript
js常用的继承--组合式继承
Mar 06 Javascript
js自定义trim函数实现删除两端空格功能
Feb 09 Javascript
Angularjs实现页面模板清除的方法
Jul 20 Javascript
vue实现信息管理系统
May 30 Javascript
VUE实现吸底按钮
Mar 04 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
ajax缓存问题解决途径
2006/12/06 PHP
PHP5与MySQL数据库操作常用代码 收集
2010/03/21 PHP
PHP+jQuery 注册模块的改进(三):更新到Smarty3.1
2014/10/14 PHP
PHP连接SQL server数据库测试脚本运行实例
2020/08/24 PHP
HTML node相关的一些资料整理
2010/01/01 Javascript
JQuery+DIV自定义滚动条样式的具体实现
2013/06/25 Javascript
js的onload事件及初始化按钮事件示例代码
2013/09/25 Javascript
ext中store.load跟store.reload的区别示例介绍
2014/06/17 Javascript
jQuery通过扩展实现抖动效果的方法
2015/03/11 Javascript
jQuery+CSS实现的网页二级下滑菜单效果
2015/08/25 Javascript
js获取浏览器的各种属性
2017/04/27 Javascript
基于JS实现网页中的选项卡(两种方法)
2017/06/16 Javascript
基于JQuery的Ajax方法使用详解
2017/08/16 jQuery
js实现canvas保存图片为png格式并下载到本地的方法
2017/08/31 Javascript
Node.js静态服务器的实现方法
2018/02/28 Javascript
vue判断input输入内容全是空格的方法
2018/03/02 Javascript
react中使用css的7中方式(最全总结)
2019/02/11 Javascript
微信小程序实现下拉刷新动画
2019/06/21 Javascript
layui点击按钮页面会自动刷新的解决方案
2019/10/25 Javascript
JavaScript实现旋转木马轮播图
2020/03/16 Javascript
vue用elementui写form表单时,在label里添加空格操作
2020/08/13 Javascript
Vue 组件注册全解析
2020/12/17 Vue.js
[45:34]完美世界DOTA2联赛PWL S3 Rebirth vs CPG 第一场 12.18
2020/12/19 DOTA
python爬虫入门教程之糗百图片爬虫代码分享
2014/09/02 Python
python中文件变化监控示例(watchdog)
2017/10/16 Python
Django重装mysql后启动报错:No module named ‘MySQLdb’的解决方法
2018/04/22 Python
python实现机器学习之多元线性回归
2018/09/06 Python
利用OpenCV和Python实现查找图片差异
2019/12/19 Python
Python实现微信表情包炸群功能
2021/01/28 Python
css3 position fixed固定居中问题解决方案
2014/08/19 HTML / CSS
2014年六一儿童节演讲稿
2014/05/23 职场文书
学习党章心得体会2016
2016/01/15 职场文书
Python中相见恨晚的技巧
2021/04/13 Python
python中24小时制转换为12小时制的方法
2021/06/18 Python
MySQL系列之七 MySQL存储引擎
2021/07/02 MySQL
解决Redis启动警告问题
2022/02/24 Redis