文档章节

MUI封装AJAX二次封装api接口

皇上洗碗
 皇上洗碗
发布于 2017/05/03 14:40
字数 198
阅读 125
收藏 0
点赞 0
评论 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
博文 149
码字总数 84081
作品 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 ⋅ 2

HBuilder 入门(5) 编写一个登录页面 - Ajax交互

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

chenzl0723 ⋅ 2017/12/13 ⋅ 0

这绝对是有史以来最详细的web前端学习攻略

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

学习web前端 ⋅ 2017/10/12 ⋅ 0

Zend Engine 的 C++ 封装--zendAPI

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

zendapi ⋅ 2017/09/08 ⋅ 6

路由器转发原理

路由器互通原理 第一步:配置如图所示,给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

Jquery-Ajax封装--easy-ajax

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

郏高阳 ⋅ 2017/05/19 ⋅ 4

仿虎扑应用EasySport连带上后台代码

EasySports 声明 本项目部分API来自NBA中文官网与虎扑体育,纯练手之作,个人未从中获取任何利益,其所有内容均可在NBA中文官网与虎扑体育获取。 数据的获取与共享可能会侵犯到NBA中文官网与...

Rayhaha ⋅ 01/05 ⋅ 0

zendapi/zendapi

zendAPI 是什么? zendAPI 是对 Zend Engine 的 C 接口使用 C++ 的最新标准 C++11 进行而面向对象的封装,从而屏蔽了底层 Zend Engine API 的接口复杂性,加快开发 PHP 扩展的效率。从而让 ...

zendapi ⋅ 2017/09/08 ⋅ 0

sylijinlei/smartphone-android

基于Linphone二次封装的简易通话软件,精简了复杂的linphone api,简单易移植。包含了二次封装的api源码和jni部分源码。 api说明: 核心类为Smartphone,单例模式。 使用步骤: Smartphone s...

sylijinlei ⋅ 2017/10/31 ⋅ 0

用Flask封装下Ansible提供后端API

Ansible是作为自动化运维的底层实现,功能很强大,但需要通过命令或playbook的yaml文件来实现,相对对运维人员而言,学习成本过大。所以这里要考虑到通过Flask Web框架来实现其二次封装,提供...

抚琴煮酒 ⋅ 2017/06/14 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

解决httpclient超时设置不生效的问题

最近公司有项目需要通过http调用第三方服务,且第三方服务偶有超时,故需要设置一定的超时时间防止不响应的情况出现。 初始设置如下: [java] view plain copy //超时设置 RequestConfig re...

Mr_Tea伯奕 ⋅ 4分钟前 ⋅ 0

过滤器Filter和拦截器HandlerInterceptor

过滤器 依赖于servlet容器。在实现上基于函数回调,可以对几乎所有请求进行过滤,但是缺点是一个过滤器实例只能在容器初始化时调用一次。使用过滤器的目的是用来做一些过滤操作,获取我们想要...

hutaishi ⋅ 9分钟前 ⋅ 0

Redis入门详解(转)

Redis入门详解 Redis简介 Redis安装 Redis配置 Redis数据类型 Redis功能 持久化 主从复制 事务支持 发布订阅 管道 虚拟内存 Redis性能 Redis部署 Redis应用场景 Redis总结 Redis简介: Redi...

xiaoyaoyoufang ⋅ 21分钟前 ⋅ 0

说说javascript中的那些专业名词

DOM(Document Object Model) 文档对象模型 BOM(Browser Object Model) 浏览器对象模型 ECMA(European Computer Manufacturer's Association) 欧洲计算机制造商协会 W3C(World Wide Web Conso......

hang1989 ⋅ 40分钟前 ⋅ 0

Bootstrap Wizard 多步表单控件

废话 有一块需求是 有多步表单 点击下一步时触发验证一个范围内的表单,点击上一步或取消,清空表单并返回第一步,点击最后一步提交整个表单的 就找到了这个插件,本来自己写了一个原生的 fo...

无极之岚 ⋅ 56分钟前 ⋅ 0

如何利用Spring Cloud构建起自我修复型分布式系统

利用Netflix所打造的组件及各类大家熟知的工具,我们完全可以顺利应对由微服务以及分布式计算所带来的技术挑战。 在过去一年当中,微服务已经成为软件架构领域一个炙手可热的新名词,而且我们...

harries ⋅ 今天 ⋅ 0

临近实习前的感想

再过两星期就要开始新的一段实习了,想想去年的这个时候也在实习,心中不免思绪万千,也一直想写对2017做个总结,但一直迟迟没有下笔。 2017年的春节,我就开始准备开学后找份实习。那时候就...

无精疯 ⋅ 今天 ⋅ 0

Spring AOP(面向切面编程)

Spring AOP概念: Spring AOP 可以劫持一个执行的方法,在方法执行之前或之后添加额外的功能。通常情况下,AOP把项目中需要在多处用到的功能,比如日志、安全和事物等集中到一个类中处理,而...

霍淇滨 ⋅ 今天 ⋅ 0

人工智能、机器学习、数据挖掘以及数据分析有什么联系?

人工智能是目前炙手可热的一个领域,所有的互联网公司以及各路大迦们纷纷表态人工智能将是下一个时代的革命性技术,可与互联网、移动互联网时代的变更相媲美;AlphaGo在围棋领域战胜人类最顶...

董黎明 ⋅ 今天 ⋅ 0

使用 vue-cli 搭建项目

vue-cli 是一个官方发布 vue.js 项目脚手架,使用 vue-cli 可以快速创建 vue 项目,GitHub地址是:https://github.com/vuejs/vue-cli 一、 安装 node.js 首先需要安装node环境,可以直接到中...

初学者的优化 ⋅ 今天 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部