**微信小程序 跳轉頁面**
小程序頁面有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頁面中:**
?
**【注意】**此處注意兩個關鍵詞 “應用內的頁面” 和 “tabBar頁面”。? app.json文件中tabBar中注冊過的tab頁,即為“tabBar頁面”,非tabBar中注冊占用的頁面即為“應用內的頁面” 。 如下圖:home頁面為“應用內的頁面”,index和logs頁面則為 “tabBar頁面”。
?
~~~
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、頁面跳轉