文档章节

MUI封装AJAX二次封装api接口

皇上洗碗
 皇上洗碗
发布于 2017/05/03 14:40
字数 198
阅读 135
收藏 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
博文 151
码字总数 85392
作品 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
【前端】主流API-promise解析,js基础。

前言   在js领域,promise出现的时间已经很久了,从jquery的$.get().done().fail() 这样的API开始,到现在的es6默认支持的new Promise(),它的出现无疑使异步代码变得信任可靠,更使得前端代...

grootzhang
2017/10/30
0
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

高三暑假我是怎么想开去学linux系统的

高三的时候,我有一句口头禅:“老了老了,现在做题越来越迟钝了”。当时整天日夜苦读,体重日益增加,脸色越来越黯淡,我在终于熬过了高考的时候,简直心里面乐得开了花。我终于可以去做自己...

linuxprobe16
25分钟前
0
0
Python 获得命令行参数的方法

需要模块:sys 参数个数:len(sys.argv) 脚本名: sys.argv[0] 参数1: sys.argv[1] 参数2: sys.argv[2]

编程老陆
32分钟前
0
0
链队

队列用链表来表示时,需要用两个变量来记录队列两端的变化:theFront,theBack. 根据链接方向的不同,链队有两种链接方式(其实就是链表的头插入节点和尾插入节点,头删除节点和尾删除节点)。...

Frost729
35分钟前
0
0
IDEA toString() json模板

public java.lang.String toString() {java.lang.StringBuilder builder = new java.lang.StringBuilder();#set ($i = 0)#foreach ($member in $members)#if ($i == 0)builder.appen......

Mtok
45分钟前
0
0
Dubbo内核实现之SPI简单介绍

Dubbo采用微内核+插件体系,使得设计优雅,扩展性强。那所谓的微内核+插件体系是如何实现的呢!即我们定义了服务接口标准,让厂商去实现(如果不了解spi的请谷歌百度下), jdk通过ServiceLo...

明理萝
50分钟前
0
1

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部