**微信小程序 跳转页面**
小程序页面有2种跳转,可以在wxml页面或者js中:
**1,在wxml页面中:**
123<navigator url="../index/index">跳转到新页面</navigator><navigator url="../index/index" open-type="redirect">在当前页打开</navigator><navigator url="../index/index" open-type="switchTab">切换到首页Tab</navigator>
**2,在js页面中:**
![](https://img.jbzj.com/file_images/article/201701/2017116161829907.png?2017016161844)
**【注意】**此处注意两个关键词 “应用内的页面” 和 “tabBar页面”。 app.json文件中tabBar中注册过的tab页,即为“tabBar页面”,非tabBar中注册占用的页面即为“应用内的页面” 。 如下图:home页面为“应用内的页面”,index和logs页面则为 “tabBar页面”。
![](https://img.jbzj.com/file_images/article/201701/2017116161859897.png?2017016161912)
~~~
const app = getApp();
Page({
//定义全局变量data
data: {
account: "",
password: "",
//message:""
},
//处理accountInput的触发事件
accountInput:function(e){
var username = e.detail.value;//从页面获取到用户输入的用户名/邮箱/手机号
if (username != ''){
this.setData({ account: username });//把获取到的密码赋值给全局变量Date中的password
}
},
//处理pwdBlurt的触发事件
pwdBlur:function(e){
var pwd = e.detail.value;//从页面获取到用户输入的密码
if (pwd != ''){
this.setData({ password: pwd });//把获取到的密码赋值给全局变量Date中的password
}
},
//处理login的触发事件
login: function (e) {
var account=this.data.account;
var password= this.data.password;
if(account=='' || password==''){
wx.showModal({
title: '提示',
content:'用户名、密码不能为空',
showCancel:false
});
return false;
}
wx.request({
url: 'https://dc.bilalipay.com/myxcx/web/api.php',//登录url
//定义传到后台的数据
data: {
//从全局变量data中获取数据
account: account,
password:password,
m: "login",
},
method: 'post',//定义传到后台接受的是post方法还是get方法
header: {
'content-type': 'application/json' // 默认值
},
success: function (res) {
console.log("调用API成功");
// console.log(res.data.code)
if (res.data.code==200){
wx.showToast({
title: '登陆成功',
});
//跳转页面,上级目录
wx.redirectTo({
url: '../main/index'
})
}else{
wx.showModal({
title: '提示',
content:'用户名或者密码错误',
showCancel:false
})
}
},
fail: function (res) {
console.log("调用API失败");
}
})
}
});
~~~
- PHP
- php 简单语法
- php 语法
- PHP书写归范总结
- 代码缩进
- 变量赋值时候
- if条件判断
- 避免嵌入式赋值
- 函数和方法的注释
- php 开发常见问题总结
- 1、查找两个经纬度之间的距离
- 2、PHP常量详解:define和const的区别
- 3、常见面试题及特殊情况
- mysql
- MySQL 介绍
- MySQL 及 SQL 注入
- mysql常见问题
- MySQL数据类型
- MySQL where语句
- MySQL alter 命令
- MySQL 索引
- MySQL 复制表
- MySQL 处理重复数据
- redis
- redis介绍
- redis数据类型(共5种 )
- redis常见问题及使用场景
- redis事务
- Redis 分区
- Linux
- Linux介绍
- Linux 系统目录结构
- Linux 文件与目录管理
- shell
- Shell 教程介绍
- html+css+js
- 优秀技术文章
- 技术链接
- go语言
- go开发规范及注意事项
- go简单语法
- go开发技术总结
- 博客
- 小程序
- 1、页面跳转