文档章节

打开新页面,在请求数据成功前显示“正在加载”

木容木水
 木容木水
发布于 2017/07/07 09:57
字数 361
阅读 6
收藏 0
点赞 0
评论 0

从A页面打开B页面,B页面为一个需要从服务端加载的列表页面,若在B页面loaded事件发生时就将其显示出来,因服务器数据尚未加载完毕,列表页面为空,用户体验不好;可通过如下方式改善用户体验(最好的用户体验应该是通过预加载的方式):第一步,B页面loaded事件发生后,不自动显示;

第一步,B页面loaded事件发生后,不自动显示;
mui.openWindow({
url: ‘B.html’,
show:{
autoShow:false
}
});
第二步,在B页面获取列表数据后,再关闭等待框、显示B页面

//B页面onload从服务器获取列表数据;
window.onload = function(){
//从服务器获取数据
….
//业务数据获取完毕,并已插入当前页面DOM;
//注意:若为ajax请求,则需将如下代码放在处理完ajax响应数据之后;
mui.plusReady(function(){
//关闭等待框
plus.nativeUI.closeWaiting();
//显示当前页面
mui.currentWebview.show();
});
}
例如:B 页面首先是使用ajax请求数据。则把 mui.plusReady() 写在请求成功后。

mui.ajax(apiurl + ‘/api/index/lists’, {
dataType: ‘json’, //服务器返回json格式数据
type: ‘post’, //HTTP请求类型
success: function(data) {
console.log(JSON.stringify(data));
itemList.mylist = eval(“(” + JSON.stringify(data.data) + “)”);
mui.plusReady(function() {
//关闭等待框
plus.nativeUI.closeWaiting();
//显示当前页面
mui.currentWebview.show();
});
},
error: function(xhr, type, errorThrown) {
mui.plusReady(function() {
plus.nativeUI.toast(‘服务器连接失败,请稍后再试’);
});
}
});

© 著作权归作者所有

共有 人打赏支持
木容木水
粉丝 0
博文 10
码字总数 1914
作品 0
广州
后端工程师
JQuery中ajax的相关方法

前提条件 话说是jquery中的ajax方法,那么前提条件当然是引入jquery啦。 <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js" type="text/javascript"></script> 具体方法 ①load(......

LuckyWinty ⋅ 2016/03/15 ⋅ 0

Spring MVC Flash Attribute 的讲解与使用示例

Spring MVC 3.1版本加了一个很有用的特性,Flash属性,它能解决一个长久以来缺少解决的问题,一个POST/Redirect/GET模式问题。 正常的MVC Web应用程序在每次提交都会POST数据到服务器。一个正...

qq58ef2349113e9 ⋅ 2017/04/13 ⋅ 0

HybridStart 发布 v1.0-beta,附开发纪要

自混合应用前端开发框架HybridStart v1.0升级计划开始后,经过近一周的开发测试,现已发布预览版,基本实现了最初定下的四个目标:核心易用、UI可剥离、开发模式清晰、开发体验优秀,这也是我...

特欧威尔 ⋅ 2017/07/10 ⋅ 1

百度网盘高速下载 Chrome 插件 - baidu-netdisk-high-speed

百度网盘高速下载 Chrome 插件 这是一款获取百度网盘下载直链的开源 Chrome 插件,获取到直链后你可以使用迅雷下载以达到不限速的目的。 如果该插件不好使,请直接使用百度网盘不限速下载器试...

88250 ⋅ 2017/12/25 ⋅ 7

JQuery.Ajax之错误调试帮助信息

下面是Jquery中AJAX参数详细列表: 参数名 类型 描述 url String (默认: 当前页地址) 发送请求的地址。 type String (默认: "GET") 请求方式 ("POST" 或 "GET"), 默认为 "GET"。注意:其它 ...

Reborn-D ⋅ 2015/12/29 ⋅ 0

JQuery.Ajax之错误调试帮助信息

下面是Jquery中AJAX参数详细列表: 参数名 类型 描述 url String (默认: 当前页地址) 发送请求的地址。 type String (默认: "GET") 请求方式 ("POST" 或 "GET"), 默认为 "GET"。注意:其它 ...

赵小宾 ⋅ 2015/06/04 ⋅ 0

转载:网页错误码

网页打开错误码404等 上次我同学去参加腾讯校园招聘的时候,被问道300是什么,301是什么?他当时就蒙了,所以我在此记下,各种错误码的含义,谨记谨记。 1xx-信息提示 这些状态代码表示临时的...

kernal ⋅ 2014/12/09 ⋅ 0

HTTP错误代码含义大全 - 详解

HTTP错误代码含义: "100" : Continue "101" : witching Protocols "200" : OK "201" : Created "202" : Accepted "203" : Non-Authoritative Information "204" : No Content "205" : Reset......

大糊涂 ⋅ 2015/06/25 ⋅ 0

服务器出现HTTP400、401、402、403错误原因及解决方法

HTTP 400 - 请求无效 HTTP 401.1 - 未授权:登录失败 HTTP 401.2 - 未授权:服务器配置问题导致登录失败 HTTP 401.3 - ACL 禁止访问资源 HTTP 401.4 - 未授权:授权被筛选器拒绝 HTTP 401.5...

尐桀 ⋅ 2012/01/02 ⋅ 0

404什么意思,这里有很全的http/FTP状态码

HTTP 1xx-信息提示 这些状态代码表示临时的响应。客户端在收到常规响应之前,应准备接收一个或多个1xx响应。 100-继续。 101-切换协议。 2xx-成功 这类状态代码表明服务器成功地接受了客户端...

一颗星星变了心 ⋅ 2014/08/13 ⋅ 1

没有更多内容

加载失败,请刷新页面

加载更多

下一页

BS与CS的联系与区别【简】

C/S是Client/Server的缩写。服务器通常采用高性能的PC、工作站或小型机,并采用大型数据库系统,如Oracle、Sybase、InFORMix或 SQL Server。客户端需要安装专用的客户端软件。 B/S是Brower/...

anlve ⋅ 48分钟前 ⋅ 0

发生了什么?Linus 又发怒了?

在一个 Linux 内核 4.18-rc1 的 Pull Request 中,开发者 Andy Shevchenko 表示其在对设备属性框架进行更新时,移除了 union 别名,这引发了 Linus 的暴怒。 这一次 Linus Torvalds 发怒的原...

问题终结者 ⋅ 今天 ⋅ 0

在树莓派上搭建一个maven仓库

在树莓派上搭建一个maven仓库 20180618 lambo init 项目说明 家里有台树莓派性能太慢。想搭建一个maven私服, 使用nexus或者 jfrog-artifactory 运行的够呛。怎么办呢,手写一个吧.所在这个...

林小宝 ⋅ 今天 ⋅ 0

Spring发展历程总结

转自与 https://www.cnblogs.com/RunForLove/p/4641672.html 目前很多公司的架构,从Struts2迁移到了SpringMVC。你有想过为什么不使用Servlet+JSP来构建Java web项目,而是采用SpringMVC呢?...

onedotdot ⋅ 今天 ⋅ 0

Python模块/包/库安装(6种方法)

Python模块/包/库安装(6种方法) 冰颖机器人 2016-11-29 21:33:26 一、方法1: 单文件模块 直接把文件拷贝到 $python_dir/Lib 二、方法2: 多文件模块,带setup.py 下载模块包(压缩文件zip...

cswangyx ⋅ 今天 ⋅ 0

零基础学习大数据人工智能,学习路线篇!系统规划大数据之路?

大数据处理技术怎么学习呢?首先我们要学习Python语言和Linux操作系统,这两个是学习大数据的基础,学习的顺序不分前后。 Python:Python 的排名从去年开始就借助人工智能持续上升,现在它已经...

董黎明 ⋅ 今天 ⋅ 0

openJdk和sun jdk的区别

使用过LINUX的人都应该知道,在大多数LINUX发行版本里,内置或者通过软件源安装JDK的话,都是安装的OpenJDK, 那么到底什么是OpenJDK,它与SUN JDK有什么关系和区别呢? 历史上的原因是,Ope...

jason_kiss ⋅ 今天 ⋅ 0

梳理

Redux 是 JavaScript 状态容器,提供可预测化的状态管理。 它是JS的状态容器,是一种解决问题的方式,所以即可以用于 react 也可以用于 vue。 需要理解其思想及实现方式。 应用中所有的 stat...

分秒 ⋅ 今天 ⋅ 0

Java 后台判断是否为ajax请求

/** * 是否是Ajax请求 * @param request * @return */public static boolean isAjax(ServletRequest request){return "XMLHttpRequest".equalsIgnoreCase(((HttpServletReques......

JavaSon712 ⋅ 今天 ⋅ 0

Redis 单线程 为何却需要事务处理并发问题

Redis是单线程处理,也就是命令会顺序执行。那么为什么会存在并发问题呢? 个人理解是,虽然redis是单线程,但是可以同时有多个客户端访问,每个客户端会有 一个线程。客户端访问之间存在竞争...

码代码的小司机 ⋅ 今天 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部