文档章节

MUI封装AJAX二次封装api接口

皇上洗碗
 皇上洗碗
发布于 2017/05/03 14:40
字数 198
阅读 143
收藏 0

var obj = {

    api: {

        login: 'http://api.jianai.org.cn/user/login',

    },

    ajaxPost: function(url, data, success) {

        if(!data.hasOwnProperty('access_token')) {

            //直接从本地存储中获取access_token

            data.access_token = plus.storage.getItem("login");

        }

        //该请求必须是在plus readyed 情况下

        mui.ajax(url, {

            data: data,

            dataType: 'json',

            type: 'post',

            timeout: 12000,

 

            success: function(data) {

                if(data.msg == "验证accessToken错误") {

                    //验证令牌错误时要求用户重新登陆

                    mui.toast('为了您的账号安全,您需要重新登陆');

                    mui.openWindow({

                        url: "../login.html",

                        id: 'login',

                        createNew: true,

                        show: {

                            aniShow: 'zoom-fade-out',

                            duration: 250

                        },

                        waiting: {

                            autoShow: false

                        }

                    })

 

                    return;

                }

 

                success(data);

 

            },

            error: function(xhr, type, errorThrown) {

                mui.toast('网络连接错误,请检查网络后重新启动', {

                    duration: 'long',

                    type: 'div'

                });

                setTimeout(function() {

                    plus.runtime.quit();

                }, 4000)

            }

        });

    },

}

下面是页面的用法,首先引入js

obj.ajaxPost(obj.api.login, {

    pwd: pwd_val,

    phone: phone_val,

    access_token: access_token//可以省略

}, function(data) {

    if(data.code == 1) {

        mui.openWindow({

            id: "index",

            url: "index.html",

            show: {

                aniShow: 'zoom-fade-out',

                duration: 200

            },

            waiting: {

                autoShow: false

            },

        });

    } else {

        mui.toast(data.msg);

    }

});

 

© 著作权归作者所有

共有 人打赏支持
皇上洗碗
粉丝 3
博文 154
码字总数 86252
作品 0
浦东
程序员
私信 提问
JS三教九流系列-iscroll.js-页面下拉刷新上拉加载等效果实现

一.准备环节 iscroll.js 5.x版本项目地址 https://github.com/cubiq/iscroll 演示地址:http://pnc.co.il/dev/iscroll-5-pull-to-refresh-and-infinite-demo.html 下载解压,我们打开demos目......

透笔度
2015/10/20
3.8K
2
HBuilder 入门(5) 编写一个登录页面 - Ajax交互

使用AJAX方式,页面不会因为刷新而现实大白页。 交互这部分可以分成两个部分:服务器端和客户端。 服务端以Java语言为例子(因为我只做过Java的)。其实 c#或者php等语言实现起来也都是基本一...

chenzl0723
2017/12/13
0
0
继续封装个 Volley 组件

前面已经封装了很多常用、基础的组件了:base-module, 包括了: crash 处理 常用工具类 apk 升级处理 log 组件 logcat 采集 ftp 文件上传 blur 高斯模糊 fresco 图片处理 等等 那么,今天继...

请叫我大苏
10/23
0
0
这绝对是有史以来最详细的web前端学习攻略

  第一阶段:   HTML+CSS:   HTML进阶、CSS进阶、div+css布局、HTML+css整站开发、   JavaScript基础:   Js基础教程、js内置对象常用方法、常见DOM树操作大全、ECMAscript、DOM、...

学习web前端
2017/10/12
0
0
路由器转发原理

路由器互通原理 第一步:配置如图所示,给pc1、pc2、r1、r2配置ip地址网关,在r1上在r1指定192.168.2.0网络静态路由指向192.168.1.2 在r2上指定192.168.1.0网络静态路由指向192.168.1.1 测试...

阁楼的小羊
2014/04/24
0
0

没有更多内容

加载失败,请刷新页面

加载更多

No transaction aspect-managed TransactionStatus in scope

No transaction aspect-managed TransactionStatus in scope 如果当前事务操作的实现所在方法没有开启事务,就会报出这样的异常。 例如你在A方法调用B方法,B方法开启了事务,A方法没有开启事...

嘴角轻扬30
14分钟前
1
0
SpringBoot整合Redis Lettuce

最近在准备集成的基础框架使用Spring Boot2搭建,其中Redis的支持不仅仅是丰富了它的API,更是替换掉底层Jedis的依赖,取而代之换成了Lettuce(生菜) jedis跟lettuce的区别 Lettuce 和 Jedis ...

lemonLove
21分钟前
1
0
mysqldumpslow 慢查询日志分析工具

首先得配置my.cnf: #====================================================================================================================##=====================================......

吴伟祥
21分钟前
2
0
如何基于阿里云搭建适合初创企业的轻量级架构?

----基于阿里云搭建的适合初创企业的轻量级架构 前言 在项目的初期往往存在很多变数,业务逻辑时刻在变,而且还要保证快速及时,所以,一个灵活多变、快速部署、持续集成并可以适应多种情况的...

阿里云云栖社区
21分钟前
1
0
SpringBoot基础教程4-1-1 使用JdbcTemplate操作数据库及事务管理

1 概述 SpringBoot封装的JdbcTemplate,使用模板模式,去除JDBC繁琐的重复代码,并提供了基于注解的事务管理;下面详细介绍如何使用JdbcTemplate操作数据和事务管理。 2 添加依赖 <dependenc...

Mkeeper
28分钟前
1
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部