AppCan学习笔记----Request和登录功能简单实现

appcan.ajax(options)

实现appcan中网络数据的上传和获取

发起一个ajax请求,并获取相应的内容
常用参数

options.type:        请求的类型，包括GET、POST等

options.url:         要请求的地址 注：get方式请求中携带中文参数，需要对参数进行encode编码，具体函数：encodeURIComponent

options.data:        要请求的URL的参数,如果要上传文件则data数据中必须传一个对象包含一个path的key 例如：data:{file:{path:'a.jpeg'},file2:{path:'b.jpeg'}}上传                a.jpeg,b.jpeg图片

options.dataType:    服务端的响应类型，包括json, jsonp, script, xml, html, text中的一种

options.timeout:     请求的超时时间

options.success(data, status,,requestCode,response, xhr):    请求发送成功后的回调

options.error(xhr, errorType, error,msg):                    请求如果出现错误后的回调;msg: 错误详细信息，服务器返回的result信息

script代码

 appcan.button("#submit", "ani-act", function() {

            login();

        })

        function login() {

            var name = $("#username").val();

            var pwd = $("#password").val();

            console.log(name + ":" + pwd);

            appcan.ajax({

                url : "http://testmas.appcan.cn:9000/ODBC/login?uName=" + name + "&pwd=" + pwd,

                type : 'get',

                dateType : 'json',

                success : function(data, status, xhr) {

                    var obj = eval('(' + data + ')');

                    alert(obj.status);

                    if(obj.status == "0"){

                        alert("登录成功");

                    }else{

                        alert("用户名或密码不正确");

                    }

                },

                error : function(xhr, status, errMessage) {

                    alert("errMessage");

                }

            });

        }

html代码

<body class="um-vp bc-bg" ontouchstart>

        <div class="ub ub-ver uinn-a3 ub-fv">

            <div class="ub ub-ver uinn uinn-at1">

                <div class="umar-a uba bc-border c-wh">

                    <div class="ub ub-ac ubb umh5 bc-border ">

                        <div class=" uinput ub ub-f1">

                            <div class="uinn fa fa-user sc-text"></div>

                            <input id="username" placeholder="手机/邮箱/用户名" type="text" class="ub-f1">

                        </div>

                    </div>

                    <div class="ub ub-ac umh5 bc-border ">

                        <div class=" uinput ub ub-f1">

                            <div class="uinn fa fa-lock sc-text"></div>

                            <input id="password" placeholder="密码" type="password" class="umw4 ub-f1">

                        </div>

                    </div>

                </div>

                <div class="ub ub-ver">

                    <div class="ub ub-pe uinn-a6 sc-text-active ulev-4">

                        忘记密码

                    </div>

                    <div class="uinn-at1">

                        <div class="btn ub ub-ac bc-text-head ub-pc bc-btn uc-a1" id="submit">

                            登录

                        </div>

                    </div>

                    <div class="uinn-at2 ub sc-text-active ulev-4">

                    </div>

                </div>

                <button type="submit"class="uinvisible"></button>

            </div>

        </div>

        <script src="js/appcan.js"></script>

        <script src="js/appcan.control.js"></script>

    </body>

巴特西

AppCan学习笔记----Request和登录功能简单实现

appcan.ajax(options)

最新文章

热门文章