微信小程序  网络请求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 iframe内部出滚动条
Feb 11 Javascript
利用jquery写的左右轮播图特效
Feb 12 Javascript
解决jquery实现的radio重新选中的问题
Jul 03 Javascript
js电话号码验证方法
Sep 28 Javascript
jQuery mobile的header和footer在点击屏幕的时候消失的解决办法
Jul 01 Javascript
Vue.js快速入门实例教程
Oct 15 Javascript
jquery Form轻松实现文件上传
May 24 jQuery
Angular2管道Pipe及自定义管道格式数据用法实例分析
Nov 29 Javascript
Vue2.0 slot分发内容与props验证的方法
Dec 12 Javascript
webpack file-loader和url-loader的区别
Jan 15 Javascript
vue实现鼠标移过出现下拉二级菜单功能
Dec 12 Javascript
vue实现简单计算商品价格
Sep 14 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
那些年一起学习的PHP(三)
2012/03/22 PHP
PHP设计模式之代理模式的深入解析
2013/06/13 PHP
解析PHP计算页面执行时间的实现代码
2013/06/18 PHP
Jquery中val()表单取值赋值的实例代码
2013/08/15 Javascript
JS常见问题之为什么点击弹出的i总是最后一个
2016/01/05 Javascript
angular+ionic 的app上拉加载更新数据实现方法
2017/01/16 Javascript
微信小程序手势操作之单触摸点与多触摸点
2017/03/10 Javascript
nodejs服务搭建教程 nodejs访问本地站点文件
2017/04/07 NodeJs
vue同步父子组件和异步父子组件的生命周期顺序问题
2018/10/07 Javascript
js中的this的指向问题详解
2019/08/29 Javascript
Javascript 关于基本类型和引用类型的个人理解
2019/11/01 Javascript
javascript实现鼠标点击生成文字特效
2019/12/24 Javascript
JavaScript 中的无穷数(Infinity)详解
2020/02/13 Javascript
JavaScript 监听组合按键思路及代码实现
2020/07/28 Javascript
vue打包npm run build时候界面报错的解决
2020/08/13 Javascript
[03:16]DOTA2完美大师赛主赛事首日集锦
2017/11/23 DOTA
Python FTP操作类代码分享
2014/05/13 Python
Python日志模块logging简介
2015/04/13 Python
Python编程实现两个文件夹里文件的对比功能示例【包含内容的对比】
2017/06/20 Python
Python语法分析之字符串格式化
2019/06/13 Python
Python Django模板之模板过滤器与自定义模板过滤器示例
2019/10/18 Python
Python2和Python3中@abstractmethod使用方法
2020/02/04 Python
踩坑:pytorch中eval模式下结果远差于train模式介绍
2020/06/23 Python
PyCharm vs VSCode,作为python开发者,你更倾向哪种IDE呢?
2020/08/17 Python
python中pdb模块实例用法
2021/01/15 Python
CSS3中新增的对文本和字体的设置
2020/02/03 HTML / CSS
canvas 基础之图像处理的使用
2020/04/10 HTML / CSS
德国购买健身器材:AsVIVA
2017/08/09 全球购物
世界上最好的精品店:Shoptiques
2018/02/05 全球购物
意大利包包和行李箱销售网站:Bagaglio.it
2021/03/02 全球购物
高中的职业生涯规划书
2013/12/28 职场文书
3.15消费者权益日活动总结
2015/02/09 职场文书
2015年仓库工作总结
2015/04/09 职场文书
2015年节能减排工作总结
2015/05/14 职场文书
奖学金申请书(范文)
2019/08/14 职场文书
Redis特殊数据类型Geospatial地理空间
2022/06/01 Redis