微信小程序  网络请求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编程起步(第六课)
Feb 27 Javascript
Javascript下的keyCode键码值表
Apr 10 Javascript
jQuery在iframe中无法弹出对话框的解决方法
Jan 12 Javascript
使用focus方法让光标默认停留在INPUT框
Jul 29 Javascript
基于JavaScript实现网页倒计时自动跳转代码
Dec 28 Javascript
Vue如何引入远程JS文件
Apr 20 Javascript
微信小程序之页面跳转和参数传递的实现
Sep 29 Javascript
详谈DOM简介及节点、属性、查找节点的方法
Nov 16 Javascript
jQuery中each方法的使用详解
Mar 18 jQuery
Vue中axios的封装(报错、鉴权、跳转、拦截、提示)
Aug 20 Javascript
Vue v-text指令简单使用方法示例
Sep 19 Javascript
vue使用element-ui按需引入
May 20 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
织梦模板标记简介
2007/03/11 PHP
GBK的页面输出JSON格式的php函数
2010/02/16 PHP
三个思路解决laravel上传文件报错:413 Request Entity Too Large问题
2017/11/13 PHP
PHP面向对象程序设计子类扩展父类(子类重新载入父类)操作详解
2019/06/14 PHP
php使用yield对性能提升的测试实例分析
2019/09/19 PHP
一个页面元素appendchild追加到另一个页面元素的问题
2013/01/27 Javascript
ie7+背景透明文字不透明超级简单的实现方法
2014/01/17 Javascript
七个很有意思的PHP函数
2014/05/12 Javascript
JavaScript实现动态创建CSS样式规则方案
2014/09/06 Javascript
jQuery匹配文档链接并添加class的方法
2015/06/26 Javascript
理解javascript对象继承
2016/04/17 Javascript
JS选取DOM元素的简单方法
2016/07/08 Javascript
简单的js计算器实现
2016/10/26 Javascript
Bootstrap中data-target 到底是什么
2017/02/14 Javascript
原生JS实现图片翻书效果
2017/02/16 Javascript
如何使用JS在HTML中自定义字符串格式化
2017/07/20 Javascript
使用vue-cli+webpack搭建vue开发环境的方法
2017/12/22 Javascript
详解Vue.js 可拖放文本框组件的使用
2021/03/03 Vue.js
[06:57]DOTA2-DPC中国联赛 正赛 Ehome vs PSG.LGD 选手采访
2021/03/11 DOTA
django 自定义用户user模型的三种方法
2014/11/18 Python
从django的中间件直接返回请求的方法
2018/05/30 Python
python pexpect ssh 远程登录服务器的方法
2019/02/14 Python
利用pytorch实现对CIFAR-10数据集的分类
2020/01/14 Python
django ORM之values和annotate使用详解
2020/05/19 Python
python使用hdfs3模块对hdfs进行操作详解
2020/06/06 Python
Python如何用wx模块创建文本编辑器
2020/06/07 Python
利用CSS3实现圆角的outline效果的教程
2015/06/05 HTML / CSS
科尔士百货公司官网:Kohl’s
2016/07/11 全球购物
Aerosoles爱柔仕官网:美国舒软女鞋品牌
2017/07/17 全球购物
目标责任书范本
2014/04/16 职场文书
红头文件任命书范本
2014/06/05 职场文书
地道战观后感300字
2015/06/04 职场文书
《圆明园的毁灭》教学反思
2016/02/16 职场文书
2019年冬至:天冷暖人心的问候祝福语大全
2019/12/20 职场文书
通过shell脚本对mysql的增删改查及my.cnf的配置
2021/07/07 MySQL
MySQL 逻辑备份 into outfile
2022/05/15 MySQL