文档章节

ajax 异步加载显示等待效果

超神的小橘子
 超神的小橘子
发布于 2017/07/11 09:22
字数 119
阅读 22
收藏 1

css:

#loading {
width:170px;
height:25px;
border:3px solid #C3DAF9;
position:absolute;
top:300px;
left:600px; 
z-index:10000; 
background-color:#F7F9FC;
line-height:25px;
vertical-align:middle;
font-size:11pt;
display:none;
}

 

html:

<div id="loading"><img src="${path}/map/image/2012032811155512.gif" alt=""/>正在加载数据,请稍候...</div>

js:(直接加在ajax请求中就可以)

$.ajax({
async: true,
beforeSend: function () {
    ShowDiv();
},
complete: function () {
    HiddenDiv();
},
type : 'POST' ,
url : '',
data : {

},
success: function (data) {
//var obj = JSON.parse(data);
//var str = JSON.stringify(obj);



}
});

 

//显示加载数据
function ShowDiv() {
$("#loading").show();
}

//隐藏加载数据
function HiddenDiv() {
$("#loading").hide();
}

图片:

本文转载自:http://www.cnblogs.com/zengdingxin/archive/2016/08/01/5725061.html

超神的小橘子
粉丝 1
博文 43
码字总数 1875
作品 0
太原
私信 提问
js原生Ajax 的封装和原理之浅析

原理及概念 AJAX即“Asynchronous Javascript And XML”(异步JavaScript和XML),是一种用于创建快速动态网页的技术。 动态网页:是指可以通过服务器语言结合数据库随时修改数据的网页。 静...

sinat_34719507
2017/03/11
0
0
jQuery.ajax()异步方法的漏洞

在使用jQuery.ajax()异步方法的时候发现一个返回数据混合的漏洞,记录下来分享给大家。 最近在做一个数据统计分析的项目,由于网页需要加载多个数据统计的表格,而且查询数据统计表格的方法比...

李温凉
2016/12/22
88
0
vue 异步加载问题

目前使用 ajax 异步加载数据,在ajax数据加载完成后进行 vue 的组件渲染,但使用异步渲染有几个弊端。 数据不可控。 当异步加载出错时,组件会无法渲染,导致页面元素显示不全,页面无法使用...

JNG
2016/12/19
1
0
[Ajax-相濡以沫,不如相忘于江湖] Ajax初识

Ajax的全称是 Asynchronous JavaScript And XML,即异步JavaScript和XML。2005年由Jesse James Garrett首先提出。在之后极短的时间内,Ajax被广泛应用到大量B/S结构的应用中,改进了传统的W...

LSantorini
2016/01/26
30
0
AJAX async:true(异步)或 false(同步)。

默认情况下的async jquery的async:false 这个属性 默认是true:异步,false:同步。 async:true(异步) 这个同步的意思是当JS代码加载到当前AJAX的时候会把页面里所有的代码停止加载,页面...

刘晓强
2016/03/12
117
2

没有更多内容

加载失败,请刷新页面

加载更多

Redux

Redux概念 Redux = Reducer + Flux,数据层框架,将所有数据都存储到store中 Redux的工作流程 Antd的使用 安装npm install antd --save...

星闪海洋
50分钟前
2
0
OSChina 周一乱弹 —— 你们谁看见了我的诺贝尔奖

Osc乱弹歌单(2019)请戳(这里) 【今日歌曲】 @脚板薯 :这么晚不睡只为找到一首歌,晚安。 ♫Say You Want Me♪ ♫Say You Want Me♪ - Augustana 手机党少年们想听歌,请使劲儿戳(这里)...

小小编辑
今天
210
14
我为什么要写微信公众号

埋一颗种子,细心呵护,静待她枝繁叶茂,葱郁参天 V2论坛上有个帖子【做程序员最重要的还是一定要有自己的作品】,作者写道: 能有一个作品和你的名字联系在一起,应当成为在职业生涯前期着意...

运维咖啡吧
今天
3
0
数据库

数据库架构 数据库架构可以分为存储文件系统和程序实例两大块,而程序实例根据不同的功能又可以分为如下小模块。 1550644570798 索引模块 常见的问题有: 为什么要使用索引 什么样的信息能成...

一只小青蛙
今天
5
0
PHP常用经典算法实现

<? //-------------------- // 基本数据结构算法 //-------------------- //二分查找(数组里查找某个元素) function bin_sch($array, $low, $high, $k){ if ( $low <= $high){ $mid = int......

半缘修道半缘君丶
昨天
6
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部