使用jqMobi开发app基础:注销页面的实现详解手机开发

 注销其实可以使用一个基本的a标签。

  例如我把登录和注销放在了底部导航条navbar中。

 基本代码:

 <div id="navbar" >       
                <a href="#home" id='navbar_home' class='icon home' >首页</a>  
                <a href="#login" id='loginlink' class='icon home'>登陆</a>   
                <a  id='logoutlink' class='icon home'>注销</a>              
                <a href="#about" id='navbar_picture' class='icon picture'>关于我们</a> 
            </div>

js代码:

function logoutFun() {  
    $.ui.popup({ 
        title: "提示", 
        message: "确定注销吗", 
        cancelText: "取消", 
        cancelCallback: function () { }, 
        doneText: "确定", 
        doneCallback: function () { logoutSureFun() }, 
        cancelOnly: false 
    }); 
} 
 
function logoutSureFun() { 
     var url = serviceUrl + "UIPhoneAjax/GetData.ashx?type=logout"; 
            $.post(url, null, function (res) { 
                if (res.IsSuccess) {                                        
                    $("#loginlink").show(); 
                    $("#logoutlink").hide();                  
                } else {                
                   $.ui.popup(res.Msg); 
                } 
      }, "json", function () { $.ui.hideMask(); $.ui.popup("网络连接失败!"); })                                 
 }

实现效果:

使用jqMobi开发app基础:注销页面的实现详解手机开发

需要注意的时,使用此弹出必须添加相关的插件af.popup.js

原创文章,作者:奋斗,如若转载,请注明出处:https://blog.ytso.com/tech/app/5272.html

(0)
上一篇 2021年7月16日 23:40
下一篇 2021年7月16日 23:40

相关推荐

发表回复

登录后才能评论