微信小程序  网络请求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(笔记)
Oct 06 Javascript
jquery下onpropertychange事件的绑定方法
Aug 01 Javascript
弹出层之1:JQuery.Boxy (一) 使用介绍
Oct 06 Javascript
jquery动画3.创建一个带遮罩效果的图片走廊
Aug 24 Javascript
js实现禁止中文输入的方法
Jan 14 Javascript
JS+CSS实现大气的黑色首页导航菜单效果代码
Sep 10 Javascript
jQuery实现返回顶部功能
Feb 23 Javascript
详解js中Json的语法与格式
Nov 22 Javascript
URL中“#” “?” &amp;“”号的作用浅析
Feb 04 Javascript
详解Vue快速零配置的打包工具——parcel
Jan 16 Javascript
解决Vue在封装了Axios后手动刷新页面拦截器无效的问题
Nov 08 Javascript
webpack file-loader和url-loader的区别
Jan 15 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中将地址生成迅雷快车旋风链接的代码[测试通过]
2011/04/20 PHP
php中选择什么接口(mysql、mysqli)访问mysql
2013/02/06 PHP
PHP类继承 extends使用介绍
2014/01/14 PHP
搜索附近的人PHP实现代码
2018/02/11 PHP
JavaScript Timer实现代码
2010/02/17 Javascript
Node.js生成HttpStatusCode辅助类发布到npm
2013/04/09 Javascript
js左侧三级菜单导航实例代码
2013/09/13 Javascript
通过javascript把图片转化为字符画
2013/10/24 Javascript
jQuery $.each遍历对象、数组用法实例
2015/04/16 Javascript
基于Jquery插件Uploadify实现实时显示进度条上传图片
2020/03/26 Javascript
常用js,css文件统一加载方法(推荐) 并在加载之后调用回调函数
2016/09/23 Javascript
详解Vue打包优化之code spliting
2018/04/09 Javascript
如何编写一个d.ts文件的步骤详解
2018/04/13 Javascript
element-ui 中的table的列隐藏问题解决
2018/08/24 Javascript
Vue绑定内联样式问题
2018/10/17 Javascript
深入学习Vue nextTick的用法及原理
2019/10/08 Javascript
vue 强制组件重新渲染(重置)的两种方案
2019/10/29 Javascript
原生JavaScript实现留言板
2021/01/10 Javascript
[05:05]DOTA2亚洲邀请赛 战队出场仪式
2015/02/07 DOTA
python 读取excel文件生成sql文件实例详解
2017/05/12 Python
Python如何抓取天猫商品详细信息及交易记录
2018/02/23 Python
Anaconda 离线安装 python 包的操作方法
2018/06/11 Python
两个元祖T1=('a', 'b'),T2=('c', 'd')使用匿名函数将其转变成[{'a': 'c'},{'b': 'd'}]的几种方法
2019/03/05 Python
在PyCharm中控制台输出日志分层级分颜色显示的方法
2019/07/11 Python
Python实现基于SVM的分类器的方法
2019/07/19 Python
解决Python3用PIL的ImageFont输出中文乱码的问题
2019/08/22 Python
Python绘图之二维图与三维图详解
2020/08/04 Python
Python hashlib和hmac模块使用方法解析
2020/12/08 Python
canvas学习笔记之2d画布基础的实现
2019/02/21 HTML / CSS
宝拉珍选澳大利亚官方购物网站:Paula’s Choice澳大利亚
2016/09/13 全球购物
如何手工释放资源
2013/12/15 面试题
工地安全检查制度
2014/02/04 职场文书
旅游局领导班子“四风”问题对照检查材料思想汇报
2014/09/29 职场文书
2014年人大工作总结
2014/12/10 职场文书
田径运动会通讯稿
2015/07/18 职场文书
2016年国庆节宣传标语
2015/11/25 职场文书