Ajax 登陆后页面全屏显示

前端之家收集整理的这篇文章主要介绍了Ajax 登陆后页面全屏显示前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
  1. 点击登陆后,页面全屏显示,有一个问题是会在页面的最上方有个只读的地址栏,还没想好怎么去掉。
  2. 思路:点击登陆后,先用Ajax后台执行登陆方法,如果成功,关闭登陆页面window.open()打开一个新的页面
  3. 登陆不成功,返回错误信息。
  4.  
  5. 点击登陆按钮
  6. <inputid="loginBtn"class="login-btn"type="button"value="登录"onclick="newWin();"/>
  7.  
  8. <scripttype="text/javascript">
  9.  
  10. functionnewWin(){
  11. $("#loadingPic").show();//等待图片显示
  12. setTimeout("showDiv()",500);//ajax方法延迟执行
  13. }
  14.  
  15. //把window.open();写到这个方法是想避免浏览器的拦截,不过还是没有实现,依然会被浏览器拦截
  16. functionshowDiv(){
  17. varflag=subForm();//ajax方法
  18. if(flag==true){
  19. window.open("${base}/indexLogin.do","","fullscreen=yes,scrollbars=yes,resizable=yes,location=no");
  20. $("#loading").hide();
  21. }else{
  22. $("#loading").hide();
  23. }
  24. }
  25.  
  26. functionsubForm(){
  27. varformvar=$('#myForm').serialize();//表单序列化,传递用户名和密码
  28. $.ajax({
  29. type:"POST",async:false,url:"${base}/user/doLoginjson.do?"+formvar,dataType:"json",success:function(data){
  30. if("1"==$("#flag").val()){
  31. bol=true;
  32. }
  33. }
  34. });
  35. returnbol;
  36. }
  37.  
  38. </script>

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

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

猜你在找的Ajax相关文章