2019独角兽企业重金招聘Python工程师标准>>>

<html class="ui-page-login">

</head>

<body>
   
        <div class="mui-content">
            <form id='login-form' class="mui-input-group">
                <div class="mui-input-row">
                    <label>账号</label>
                    <input id='username' type="text" class="mui-input-clear mui-input" placeholder="请输入账号">
                </div>
                <div class="mui-input-row">
                    <label>密码</label>
                    <input id='password' type="password" class="mui-input-clear mui-input" placeholder="请输入密码">
                </div>
            </form>
         
            <div class="mui-content-padded">
                <button id='login' class="mui-btn mui-btn-block mui-btn-primary">登录</button>
              
            </div>
        
        </div>
        <script src="js/mui.min.js"></script>
        <script src="js/mui.enterfocus.js"></script>
        <script src="js/app.js"></script>
        <script>
            mui.init();
            //封装ajax
            function postData(url, data, callback, waitingDialog) {
                mui.ajax(url, {
                    data: 'data=' + JSON.stringify(data),
                    dataType: 'json',
                    type: 'post',
                    contentType: "application/x-www-form-urlencoded; charset=utf-8",
                    success: callback,
                    error: function(xhr, type, errorThrown) {
                        waitingDialog.close();
                        mui.alert("网络连接失败，请重新尝试一下", "错误", "OK", null);
                    }
                });
            }

function plusReady() {
                // 弹出系统等待对话框
                return plus.nativeUI.showWaiting("等待中...");
            }

//打开页面方法

function openGroup() {
                mui.openWindow({
                    url: 'Groupcompany/main.html',
                    show: {
                        autoShow: true
                    }
                });
            }
            function openCompany() {
                mui.openWindow({
                    url: 'Companyproject/companyproject.html',
                    show: {
                        autoShow: true
                    }
                });
            }
            function openProject() {
                mui.openWindow({
                    url: 'Project/project.html',
                    show: {
                        autoShow: true
                    }
                });
            }
            function openObject() {
                mui.openWindow({
                    url: 'Object/object.html',
                    show: {
                        autoShow: true
                    }
                });
            }
            document.getElementById("login").addEventListener('tap', function() {
                //                        alert("点击了登录按钮");
                // 显示一个等待的对话框  
                var wd = plusReady();
                // 构造要传递的json数据  
                // 内容就是 return document.getElementById();  
                var data = {
                    username: document.getElementById("username").value,
                    password: document.getElementById('password').value
                };
                // 调用ajax  
                postData('http://123.57.237.52/app.php/Login/Login',
                    //服务端的URL
                    data, // json 数据  
                    function(data) {
                        wd.close(); // 调用成功，先关闭等待的对话框  
                        if(data.status != 1) {
                            // 如果密码错误，提示一下信息  
                            mui.alert("用户名或密码错误", "登录错误", "关闭");
                            return;
                        }
                        switch(data.response.info.role) {
                            case "group":
                                openGroup();
                                break;
                            case "company":
                                openCompany();
                                break;
                            case "proprietor":
                                openProject();
                                break;
                            case "project":
                                openObject();
                                break;
                        }

},
                    wd //传递给postData的最后一个参数，失败的时候关闭等待对话框  
                );
            });
        </script>
    </body>
</html>

转载于:https://my.oschina.net/u/2428630/blog/718233

mui ajax请求 登录相关推荐

  1. mui ajax请求异常类型abort

    出现场景:在实现登陆功能时,向后端发送ajax请求,报异常类型为abort错误,使用的是MUI+安卓模拟器 MUI ajax文档 MUI ajax文档 MUI ajax请求异常描述 error Typ ...

  2. Mui.ajax请求服务器正确返回json数据格式

    ajax: mui.ajax('http://server-name/login.php',{data:{username:'username',password:'password'},dataTy ...

  3. mui开发APP教程之mui.ajax请求后出现“加载中”

    利用mui.ajax向服务器请求数据会出现请求超时的情况,一般若是10S之后还没有响应,就会定义为超时,那么出错了的时候,这10秒钟不可能给用户白屏,即便是请求成功之后打开一个新页面,那么这个间隔时间 ...

  4. 用php mui ajax注册登录页面,ajax实现简单登录页面

    本文实例为大家分享了ajax实现简单登录页面的具体代码,供大家参考,具体内容如下 一.什么是ajax Ajax是一种无需重新加载整个网页,能够更新部分网页的技术. 二.ajax的工作原理 Ajax工作 ...

  5. mui请求php,PHP 怎样处理mui.ajax POST过来的数据？

    处理登录 */ var doLogin=function(){ plus.nativeUI.showWaiting("登陆中..."); if(document.getElemen ...

  6. MUI框架 · 异步请求：mui.get()、mui.ajax()、mui.post() 技术罗列

    MUI自己的一套异步请求的语法:mui.get().mui.ajax().mui.post() 技术罗列 官网地址:ajax 官方转载 · 如下: mui框架基于htm5plus的XMLHttpReq ...

  7. mui的使用--登录，发送ajax,跨域，cookie设置验证失效，及$.plusReady等问题与解决，（二）

    真的太天真,接触MUI一个星期,问题真层出不穷,一度考虑换一个移动框架,但暂时没有找到一个前端框架,文档里面包括对手势事件处理,上拉刷新等封装处理操作,加上应用程序和WAP的混合开发的巨大的魅力,还是 ...

  8. 怎么样给ajax的ulr加密,研究Ajax请求受登录保护的URL的优雅解决

    在此先记下思路. 场景:登录页面login,在一个登录后才能访问的页面dashboard,dashboard上有一个按钮button,button绑定了一个单击事件,触发后发出一个ajax请求,aja ...

  9. session会话拦截ajax,session过期，拦截ajax请求并跳转登录页面

    1.方法一 :1.1使用filter 和ajaxsetup 对ajax进行拦截并跳转登录页面 public void doFilter(ServletRequest request, ServletR ...

  10. ajax请求模拟登录

    前台 @if (Session["username"] != null){<div class="login"><span style=&qu ...

最新文章

  1. 题解——洛谷 P2680 NOIP提高组 2015 运输计划
  2. ajax传递复杂参数
  3. jquery隐藏或者显示一个元素
  4. v-show与v-if的区别
  5. 请回答! 2018泛娱乐风口
  6. 应用程序创建自己的奔溃转储（crash dump）文件
  7. 57张PPT彻底搞清楚区块链技术。。
  8. 为什么c语言乘除法优先级低,C语言训练题.docx
  9. 【SQL】结构化查询语言
  10. Normalize.css的作用
  11. 企业微信添加微信好友失败怎么办？
  12. tomcat配置-超有效-80岁奶奶用了都说好
  13. Semantic Parsing via Staged Query Graph Generation: Question Answering with Knowledge Base（笔记）
  14. 如何通过形态选股构建量化策略？
  15. LaTex(1):使用在线表格生成器工具生成LaTex表格
  16. java中lockprocess_java – 使用Processbuilder运行jar无法正常工作
  17. Win10下Anaconda3上安装tensorflow教程
  18. Excel打印表格如何美观又漂亮
  19. 数据库审计平台yearning的安装与使用
  20. Apollo星火计划学习笔记——第七讲自动驾驶规划技术原理2

热门文章

  1. 是时候为编程界做点贡献了
  2. Linux系统中打开文件数量的查看方法
  3. 2008是中国的奥运年
  4. 面向对象编程时，十条原则：
  5. centos配置网络
  6. python练习册 每天一个小程序 第0010题
  7. hdu--1869--见过最好听的题名附送1870
  8. 滑动菜单栏（一）开源项目SlidingMenu的使用
  9. Hrbust 1522 利用队列求最大子序列的和
  10. 付费用户金字塔模型在充值消费活动前后的显著差异解读