Ajax 登陆后页面全屏显示

点击登陆后,页面全屏显示,有一个问题是会在页面的最上方有个只读的地址栏,还没想好怎么去掉。
思路:点击登陆后,先用Ajax去后台执行登陆方法,如果成功,关闭登陆页面,window.open()打开一个新的页面。
登陆不成功,返回错误信息。

点击登陆按钮
<input id="loginBtn" class="login-btn" type="button" value="登录" onclick="newWin();"/>

<script type="text/javascript">

   function newWin(){
        $("#loadingPic").show();            //等待图片显示
        setTimeout("showDiv()",500);        //ajax方法延迟执行
    }
    
    //把window.open();写到这个方法是想避免浏览器的拦截,不过还是没有实现,依然会被浏览器拦截
    function showDiv(){
        var flag = subForm();               //ajax方法
        if(flag == true){
            window.open("${base}/indexLogin.do","", "fullscreen=yes, scrollbars=yes, 
            resizable=yes,location=no");
            $("#loading").hide();
        }else{
             $("#loading").hide();
        }
    }
    
    function subForm(){
        var formvar=$('#myForm').serialize();        //表单序列化,传递用户名和密码
        $.ajax({    
            type: "POST",
            async: false,
            url : "${base}/user/doLoginjson.do?"+formvar,
            dataType:"json",
            success:function(data){
                if("1" == $("#flag").val()){
                  bol = true;
                }                  
            }
        });
        return bol;
    }

</script>

补充: window.open();如何多次点击只显示一个窗口。

要加上名称 例子:window.open ("www.baidu.com", "百度", "height=500, width=800 toolbar=no, menubar=no, scrollbars=yes, resizable=no, location=no, status=no ") ;

转载于:https://my.oschina.net/u/780884/blog/286989

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值