登錄注冊都完成了，有可能會遇到一些問題，服務器繁忙的話，后臺接口卡主了，也沒任何提示，小程序端的用戶比較暴力一直惦記怎么辦。

讓客戶滿意是我們工作的目標，不斷超越客戶的期望值來自于我們對這個行業的熱愛。我們立志把好的技術通過有效、簡單的方式提供給客戶，將通過不懈努力成為客戶在信息化領域值得信任、有價值的長期合作伙伴，公司提供的服務項目有：空間域名、網站空間、營銷軟件、網站建設、奎文網站維護、網站推廣。

加載提示框，隱藏加載中提示框，頁面跳轉

https://developers.weixin.qq.com/miniprogram/dev/api/api-react.html#wxshowtoastobject
https://developers.weixin.qq.com/miniprogram/dev/api/api-react.html#wxhideloading

跳轉實例

• 用戶登錄

• 用戶注冊

const?app?=?getApp()

Page({
??data:?{

??},

??doLogin:?function?(e)?{
????var?formObject?=?e.detail.value;
????var?username?=?formObject.username;
????var?password?=?formObject.password;

????//?簡單驗證
????if?(username.length?==?0?||?password.length?==?0)?{
??????wx.showToast({
????????title:?'用戶名或密碼不能為空',
????????icon:?'none',
????????duration:?3000
??????})
????}?else?{
??????wx.showLoading({
????????title:?'正在加載中。。。'
??????});
??????wx.request({
????????url:?app.serverUrl?+?"/login",
????????method:?"POST",
????????data:?{
??????????username:?username,
??????????password:?password
????????},
????????header:?{
??????????'content-type':?'application/json'?//?默認值
????????},
????????success:?function?(res)?{
??????????console.log(res.data);
??????????var?status?=?res.data.status;
??????????wx.hideLoading();
??????????if?(status?==?200)?{
????????????wx.showToast({
??????????????title:?"用戶登陸成功~！",
??????????????icon:?'none',
??????????????duration:?3000
????????????})
????????????app.userinfo?=?res.data.data;
??????????}?else?if?(status?==?500)?{
????????????wx.showToast({
??????????????title:?res.data.msg,
??????????????icon:?'none',
??????????????duration:?3000
????????????})
??????????}
????????}
??????})
????}
??},
??goLoginPage:?function?(e)?{
????console.log("跳轉到注冊");
??}
})

• 用戶注冊

const?app?=?getApp()

Page({
????data:?{

????},

????doRegist:?function(e)?{
??????var?formObject?=?e.detail.value;
??????var?username?=?formObject.username;
??????var?password?=?formObject.password;

??????//?簡單驗證
??????if?(username.length?==?0?||?password.length?==?0)?{
????????wx.showToast({
??????????title:?'用戶名或密碼不能為空',
??????????icon:?'none',
??????????duration:?3000
????????})
??????}else{
????????wx.showLoading({
??????????title:?'正在加載中。。。'
????????});
????????wx.request({
??????????url:?app.serverUrl?+"/regist",?
??????????method:"POST",
??????????data:?{
????????????username:?username,
????????????password:?password
??????????},
??????????header:?{
????????????'content-type':?'application/json'?//?默認值
??????????},
??????????success:?function?(res)?{
????????????console.log(res.data);
????????????var?status?=?res.data.status;
????????????wx.hideLoading();
????????????if(status?==?200){
??????????????wx.showToast({
????????????????title:?"用戶注冊成功~！",
????????????????icon:?'none',
????????????????duration:?3000
??????????????})
??????????????app.userinfo?=?res.data.data;
????????????}else?if(status?==?500){
??????????????wx.showToast({
????????????????title:?res.data.msg,
????????????????icon:?'none',
????????????????duration:?3000
??????????????})
????????????}
??????????}
????????})
??????}
????},
????goLoginPage:function(e){
??????console.log("跳轉到登錄");
????}
})

• 用戶登錄跳轉

const?app?=?getApp()

Page({
??data:?{

??},

??doLogin:?function?(e)?{
????var?formObject?=?e.detail.value;
????var?username?=?formObject.username;
????var?password?=?formObject.password;

????//?簡單驗證
????if?(username.length?==?0?||?password.length?==?0)?{
??????wx.showToast({
????????title:?'用戶名或密碼不能為空',
????????icon:?'none',
????????duration:?3000
??????})
????}?else?{
??????wx.showLoading({
????????title:?'正在加載中。。。'
??????});
??????wx.request({
????????url:?app.serverUrl?+?"/login",
????????method:?"POST",
????????data:?{
??????????username:?username,
??????????password:?password
????????},
????????header:?{
??????????'content-type':?'application/json'?//?默認值
????????},
????????success:?function?(res)?{
??????????console.log(res.data);
??????????var?status?=?res.data.status;
??????????wx.hideLoading();
??????????if?(status?==?200)?{
????????????wx.showToast({
??????????????title:?"用戶登陸成功~！",
??????????????icon:?'none',
??????????????duration:?3000
????????????})
????????????app.userinfo?=?res.data.data;
??????????}?else?if?(status?==?500)?{
????????????wx.showToast({
??????????????title:?res.data.msg,
??????????????icon:?'none',
??????????????duration:?3000
????????????})
??????????}
????????}
??????})
????}
??},
??goRegisterPage:?function?(e)?{
????wx.redirectTo({
??????url:?'../userRegister/userRegister',
????})
??}
})

• 用戶注冊跳轉
  userRegister.js

const?app?=?getApp()

Page({
????data:?{

????},

????doRegist:?function(e)?{
??????var?formObject?=?e.detail.value;
??????var?username?=?formObject.username;
??????var?password?=?formObject.password;

??????//?簡單驗證
??????if?(username.length?==?0?||?password.length?==?0)?{
????????wx.showToast({
??????????title:?'用戶名或密碼不能為空',
??????????icon:?'none',
??????????duration:?3000
????????})
??????}else{
????????wx.showLoading({
??????????title:?'正在加載中。。。'
????????});
????????wx.request({
??????????url:?app.serverUrl?+"/regist",?
??????????method:"POST",
??????????data:?{
????????????username:?username,
????????????password:?password
??????????},
??????????header:?{
????????????'content-type':?'application/json'?//?默認值
??????????},
??????????success:?function?(res)?{
????????????console.log(res.data);
????????????var?status?=?res.data.status;
????????????wx.hideLoading();
????????????if(status?==?200){
??????????????wx.showToast({
????????????????title:?"用戶注冊成功~！",
????????????????icon:?'none',
????????????????duration:?3000
??????????????})
??????????????app.userinfo?=?res.data.data;
????????????}else?if(status?==?500){
??????????????wx.showToast({
????????????????title:?res.data.msg,
????????????????icon:?'none',
????????????????duration:?3000
??????????????})
????????????}
??????????}
????????})
??????}
????},
????goLoginPage:function(e){
??????wx.redirectTo({
????????url:?'../userLogin/userLogin',
??????})
????}
})

PS：這次就是我們的跳轉和loading的介紹。

另外有需要云服務器可以了解下創新互聯cdcxhl.cn，海內外云服務器15元起步，三天無理由+7*72小時售后在線，公司持有idc許可證，提供“云服務器、裸金屬服務器、高防服務器、香港服務器、美國服務器、虛擬主機、免備案服務器”等云主機租用服務以及企業上云的綜合解決方案，具有“安全穩定、簡單易用、服務可用性高、性價比高”等特點與優勢，專為企業上云打造定制，能夠滿足用戶豐富、多元化的應用場景需求。

分享標題：「小程序JAVA實戰」小程序loading提示框與頁面跳-創新互聯
路徑分享：http://vcdvsql.cn/article6/csiiig.html

成都網站建設公司_創新互聯，為您提供建站公司、網站營銷、微信小程序、Google、電子商務、網站排名

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯