微信小程序之登录跳转及调用接口获取信息

最近学习微信小程序，新学了网页跳转及获取个人信息

网页跳转需要 wx.switchTab方法获取信息的话，首先调用接口，然后取出数据就可以了。

首先创建两个html文件，代码如下

<view class='container'><view class='header'><text>学生评教系统</text></view><form bindsubmit='login'><view class='section'><text>学号：</text><input type='number' name='no' value='1635050424' placeholder='请输入学号'></input></view><view class='section'><text>密码：</text><input password='true' name="pwd" value='123456'></input></view><view class='section'><button type='primary' form-type='submit'>登录</button></view></form></view>

 <view><view class='header'><text>任课教师列表</text></view><view class='section' wx:for="{{teacher}}" bindtap='selectTeacher' data-teacherid='{{item.teacherid}}'><view class='left'><image mode='scaleToFill' src='../../image/1.jpg'></image>  </view><view class='content'><view class='top'>{{item.teachername}}</view><view class='bottom'>{{item.course}}</view></view></view></view>

界面跳转的代码如下

         wx.switchTab({url:"../teacher/teacher"})

可以跳转到有tabbar的界面

获取教师信息代码如下

onLoad: function (options) {var url =""; //调用接口let self =this;var classid = "100000-1603";console.log(classid);wx.request({url:url,data:{classid:classid},header:{'content-type':'application/json'},success:(res)=>{console.log(res.data)this.setData({teacher:res.data});}})},

微信小程序之登录跳转及调用接口获取信息相关推荐

微信小程序没登录跳到登录页怎么做_微信小程序登录页动画怎么做
2017年5月22日,微信小程序推出之时,限制非常多,现在越来越开放.微信小程序动画怎么做也受到越来越多人的关注,下面从多个方面来谈谈微信小程序怎么做的一些内容. 前言 2017年前端火了,微信小程序 ...
vc++6.0获取磁盘基本信息_微信小程序——常用功能2：微信小程序用户登录，申请用户授权并获取用户基本信息...
微信小程序--常用功能2:申请用户授权并获取用户基本信息为了更好的用户体验,很多时候我们想要获取用户的基本信息,从而实现将信息呈现到用户界面.给用户划分地域.给用户分类等功能. 但是要想获取用户信息 ...
【微信小程序】登录功能实现及讲解（获取用户唯一标识）
微信小程序开发交流qq群 173683895 承接微信小程序开发.扫码加微信. 正文: 功能:登录实现并获取到用户唯一标识官方文档地址:可以先看完我的文章再看官方地址实现步骤:1.调用微 ...
微信小程序发布后，真机调用接口失败：ERR_CERT_AUTHORITY_INVALID
前言微信小程序基础库:2.12.0 现象真机调试出现错误:ERR_CERT_AUTHORITY_INVALID,模拟器调试无错误. 小程序上线后,部分机型能够正常使用,另一部分机型不能正常使用. ...
微信小程序没登录跳到登录页怎么做_微信小程序手机端如何实现登录页面跳转含有Tabar页面...
我用navigateTo,实现页面之间的跳转,app.json配置如下 { "pages": [ "pages/login/login", "page ...
微信小程序注册/登录接口开发
文章目录后端有关说明前端有关说明接口设计小程序注册/登录接口 APP 注册/登录接口 PC Web 端的注册/登录接口小程序注册/登录序列图校验 token 后端有关说明登录和注册的逻辑 ...
微信小程序授权登录取消授权重新授权处理方法附可用代码
微信小程序授权登录基本是小程序的标配了,但是官方的demo,取消授权后,就不能再重新点击登录,除非重新加载小程序才可以,这下怎么办? 我们可以先在首页引导用户点击,然后跳转到一个新的页面,在新的页面进 ...
微信小程序的登录界面实现
微信小程序的登录界面实现 <view class="container"><view class="wrapper"><view ...
基于uni-app实现微信小程序一键登录和退出登录功能
起因目前正在使用uni-app开发一个微信小程序,开发到登录模块时通过查阅uni-app官方教程.微信小程序官方文档.网上的教程终于是实现了微信小程序的登录模块,现总结分享给大家,共同学习. 总体思 ...

微信小程序之登录跳转及调用接口获取信息

微信小程序之登录跳转及调用接口获取信息相关推荐

最新文章

热门文章