文档章节

MUI封装AJAX二次封装api接口

皇上洗碗
 皇上洗碗
发布于 2017/05/03 14:40
字数 198
阅读 140
收藏 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
这绝对是有史以来最详细的web前端学习攻略

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

学习web前端
2017/10/12
0
0
Zend Engine 的 C++ 封装--zendAPI

介绍 该项目是对 Zend Engine 的 C 接口使用 C++11 进行而面向对象的封装,从而屏蔽了底层 Zend Engine API 的接口复杂性,加快开发 PHP 扩展的效率。 项目官网地址:www.zendapi.org 设计目...

zendapi
2017/09/08
5.4K
6
Jquery-Ajax封装--easy-ajax

easy-ajax 是为了治理前端乱写 Ajax 方法而生。基于 jquery 封装一些常用方法,后期计划加入前端数据缓存功能。 普通 Aajax 请求,及 GET、POST 封装,以及文件上传 源代码注释清晰,一目了然...

郏高阳
2017/05/19
1K
4

没有更多内容

加载失败,请刷新页面

加载更多

String ,  StringBuffer ,  StringBuilder的区别

String , StringBuffer , StringBuilder的区别 String 首先,String 是用来表示一个字符串常量的,它是一个不可变对象,意味着,一旦我们创建了某个字符串之后,就不能再改变它的值了,我们可...

tsmyk0715
50分钟前
2
0
区块链100讲:UTXO 和 Account 模型对比

在当前区块链世界中,主要有两种记录保存方式,UTXO 模式(Unspent Transaction Output) 和 Account 模式。Bitcoin 采用的是 UTXO 模型,Ethereum 采用的 Account 模型,同样 CITA 也采用了 ...

HiBlock
52分钟前
1
0
Vue中路由管理器Vue Router使用介绍(三)

一、路由定义添加动态参数定义 1.路由定义项,使用:xx 方式 定义动态参数 { path:'/user/:id/:name', name:'user', component:()=>import('./views/User.vue') ...

tianma3798
53分钟前
1
0
从ibdata文件恢复mysql数据

DROP TABLE 恢复【一】 Recover InnoDB dictionary Percona Data Recovery Tool 单表恢复

IT--小哥
56分钟前
1
0
常见设计模式UML图

常见设计模式UML图 本文主要总结常见的设计模式的UML图,方便查阅和思考。 创建型模式 简单工厂模式、工厂方法模式、抽象工厂模式、建造者模式和单例模式,这五种设计模式主要处理对象的创建...

陶小陶
今天
1
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部