Loading [MathJax]/jax/output/CommonHTML/config.js
前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >微信小程序的接口请求

微信小程序的接口请求

作者头像
用户4344670
发布于 2019-11-04 18:14:46
发布于 2019-11-04 18:14:46
1.3K00
代码可运行
举报
文章被收录于专栏:vue的实战vue的实战
运行总次数:0
代码可运行
代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
Page({

  /**
   * 页面的初始数据
   */
  data: {
    message: "数据",
    sliderList : [],
    
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    // 常用
    // options  用于存放所有的参数
//   数据由 onLoad中存放到 data中  用this.setData();
    // this.cardId = options.cat  

    wx.setNavigationBarTitle({
      // title: options.title,
    });
    //  在加载阶段请求数据
    wx.request({
      url: 'https://locally.uieee.com/slides',
      data: {},
      header: {},
      //  一定要大写
      method: "GET",
      // 请求返回的类型
      dataType:"json",
      // success: function (res) {
      //   console.log(res);

      // },
      success: (res) => {
        console.log(res);
        // 更新数据  但是没有更新视图
          // this.data.sliderList = res.data;
          // 所以   但是,这个setData 会更新数据,也会更新视图
          //   采用连接数组的形式
          var newList = this.data.sliderList.concat(res.data);
          this.setData({
            sliderList: newList,

          })
        console.log(this.data.sliderList)
         
      },
      // 请求失败
      fail: function() {

      },
      // 请求完成
      complete: function () {

      }


    })

    


    
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {
    //  弹窗业务
    //  这个函数在这个js中第三个触发
    
  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {
    
  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {
    
  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {
    // 内页返回到首页  那么内页就会卸载.作用: 节省空间
    
  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {
    
  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {
    console.log("上拉触底") ; 
    //  页码加一
    // ++this.pageIndex 
    
  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {
    
  } 
})
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
小程序页面事件与wxs脚本
在使用 组件跳转到指定的 tabBar 页面时,需要指定 url 属性和 open-type 属性,其中:
timerring
2023/06/10
5350
小程序页面事件与wxs脚本
07-微信小程序-注册页面
对于小程序中的每个页面,都需要在页面对应的 js 文件中进行注册,指定页面的初始数据、生命周期回调、事件处理函数等。
度假的小鱼
2023/11/25
4420
07-微信小程序-注册页面
开发一个微信小程序(2):编写博客园随笔列表
首先我们需要拿到个人博客园的 access_token,这里我希望不要频繁调用这个接口,当进入小程序时调用一次就够了
冰霜
2022/06/06
1.5K3
微信小程序前端分页实现思路以及示例
今天在学习微信小程序的时候,遇到了前端需要做下拉刷新的一个分页逻辑的操作,写本文章来记录以下实现微信前端下拉分页的实现。
吃猫的鱼Code
2023/02/13
1.5K0
微信开发--微信小程序(二)
相信大家都使用过微信小程序,那一定都知道微信小程序下拉刷新吧,其实下拉刷新是微信小程序自带的功能,只不过没有背景图看不出来而已,好坑诶.
生南星
2019/07/22
15K0
微信开发--微信小程序(二)
仿排号系统(微信小程序云开发)
随着移动端的不断发展,人们大部分的办公及生活应用都开始趋向于移动端。然而在2017年“微信之父”张小龙带领团队,开发了一款叫做微信小程序的东西,它的出现打破了人们认识移动端的隔膜,由以前的需要先下载app然后在开始工作的老式模式,逐渐的趋向于小程序app(无需下载)的形式。
淼学派对
2022/11/20
5470
仿排号系统(微信小程序云开发)
小程序安全设置-弹出框输入获取值
小程序安全设置 Page({ /** * 页面的初始数据 */ data: { anquan: '', detailanquan: '', hiddenmodalput: true, //可以通过hidden是否掩藏弹出框的属性,来指定那个弹出框 idCard: '', password: '', phone: '', email: '', wxUnionid: '', // 修改密码 psd: "
达达前端
2022/04/29
1.2K0
小程序-云点播
之前在Web端用 h5connect.js 方式点播视频,现在需要移动到微信小程序中,求大佬解决帮助,急急急.... 谢谢啦!
用户7418541
2020/06/04
4.5K0
微信小程序零基础入门--->定义公共的js在页面引用
公共的js function getImg(url,result){ wx.request({ url: url , success: function(res){
用户5899361
2020/12/07
1.1K0
基于腾讯云开发微信小程序(新闻发布及共享平台)下
微信小程序云开发是腾讯云和微信团队联合开发的,集成于微信小程序控制台的原生Serverless 云服务,解决了Serverless架构对端的“最后一公里”问题,通过集成端SDK,配合云开发后台的API网关,为开发者提供了一站式后端云服务。云开发支持多种客户端,帮助开发者统一构建和管理资源,免去了开发中服务器搭建、极大简化了URL配置、鉴权管理等流程,让微信小程序开发者专注于业务逻辑的实现,而无须理解后端逻辑及服务器运维知识,门槛更低,效率更高。只需要一名开发人员就可以完成所有的工作。
淼学派对
2022/11/20
3.4K0
基于腾讯云开发微信小程序(新闻发布及共享平台)下
微信小程序扫描二维码的内容,作为参数跳转填入到下一个页面input框
scan.wxml <view class="container"> <view class='imagesize'> <image class='img' bindtap='getScancode' src="{{back}}"></image> </view> <view style="display: flex;justify-content: center;">请扫描卡号</view> <!-- <view wx:if="{{result !=''}}
王小婷
2021/07/13
7560
微信小程序在腾讯地图上选择定位
微信小程序地图上选择位置 参考这位大神的,确实有效果。 做了一个考勤的小程序,当然,也是整体拿的https://github.com/tommenx/wxss 只是这个小程序不能在地图上选择定位,按照前面那个,进行了修改。 分别是:1.新建一个打卡活动——2.默认是当前手机所在位置——3.选择获取地点——4.打开地图,显示当前位置,可以手动拖动重新定位——5.也可以搜索新的地名,确定后返回到地图上,完成后返回到新建活动页面,活动地点也跟着更新了。
hotqin888
2019/05/07
4.8K3
微信小程序在腾讯地图上选择定位
「小程序JAVA实战」小程序头像图片上传(中)(44)
PS:这次试用itools的方式在手机也演示了如何进行图片的选择和上传。wx的插件做的很棒,直接引用不会存在各种问题。稳~
IT架构圈
2019/07/08
8840
「小程序JAVA实战」小程序头像图片上传(中)(44)
小程序百问百答
this对象在程序调用时,如点击事件中会随时改变,而var that=this之后,that没重新赋值之前仍然是指向当时的this,这样就不会出现找不到原来的对象而导致报错
用户10175992
2022/11/15
7510
小程序百问百答
【愚公系列】2022年02月 微信小程序-页面生命周期
注册小程序中的一个页面。接受一个 Object 类型参数,其指定页面的初始数据、生命周期回调、事件处理函数等。
愚公搬代码
2022/12/01
5560
基于云开发创建(小程序云商城,基本页面的创建及动态代码的编写)
在这个专属于“云”的时代,各位云端弄潮儿们,请分享出你的云计算学习历程吧! 你可以从以下几个方面着手(不强制),或者根据自己对话题主题的理解创作,参考如下:
淼学派对
2022/11/20
1.8K0
基于云开发创建(小程序云商城,基本页面的创建及动态代码的编写)
基于微信小程序云开(统计学生信息并导出excel)3.0版
一、微信小程序是什么? 微信小程序是一种不需要下载安装即可使用的应用,它实现了应用的随开随用,用户只需要用微信扫一扫或者通过微信搜一下即可打开应用,使用完即可关闭,还可以把小程序添加到桌面,真正的做到了便捷方便,用完就走。
淼学派对
2022/11/20
7210
基于微信小程序云开(统计学生信息并导出excel)3.0版
开发|走进小程序(三)
前一篇博客为大家简单的讲解了一下关于一个简单的电商小程序的首页和分类页面的制作。这篇博客呢,继续为大家讲解后面搜索页、详情页、购物车页面的制作。
算法与编程之美
2019/07/17
8910
开发一个微信小程序(3):编写公众号文章列表
在之前一篇文章中介绍了如果通过接口获取公众号素材,传送门:开发一个微信小程序(1):获取文章列表
冰霜
2022/06/06
1.5K0
微信小程序消息通知-打卡考勤
标题图 微信小程序消息通知-打卡考勤 效果: 在这里插入图片描述 稍微改一下js就行,有不必要的错误,我就不改了,哈哈! index.js //index.js const app = getApp() // 填写微信小程序appid var appid = ''; // 填写微信小程序secret var secret = ''; Page({ // 页面数据 data: { access_token: '', openid: '', }, // 表单请求
达达前端
2019/07/04
2.3K0
推荐阅读
相关推荐
小程序页面事件与wxs脚本
更多 >
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
本文部分代码块支持一键运行,欢迎体验
本文部分代码块支持一键运行,欢迎体验