ajax每次只加载3张图片,使用加载图片解决在Ajax数据加载中页面出现短暂空白的问题(推荐)...

在项目中用ajax异步获取数据后有时会因为数据问题或者网络问题，页面一直显示空白，现在用加载图片来过渡这种状态：

$(function(){

$.ajax({

url:'',//提供接口的文件地址链接

dataType:'json',

type:'POST',

beforeSend: function(){

$('#loading').html("

加载中，请稍后……

") //数据发送过程中先加载图片

error: function(msg){ //数据读取失败显示

zNodes=data.responseJson;

alert("对不起，数据获取失败，请联系管理员");

success:function(msg){ //数据读取成功并显示数据列表

$('#loading').fadeOut(1000); //图片显示时间；

var ul = "";

for(var i= 0;i

ul += "

" + msg[i]['title']+""+">>"+"";

}

$("#list").html(ul);

error:function(){ //失败时显示

console.log("链接错误") ;

}

});

数据在加载状态显示

ajax每次只加载3张图片,使用加载图片解决在Ajax数据加载中页面出现短暂空白的问题(推荐)...相关推荐

combobox异步加载 easyui_如何解决多条数据加载easyui-combobox样式反应慢的问题
问题描述总共一百条数据,数据中加入combobox样式,打开页面出现卡顿情况问题出现的环境背景及自己尝试过哪些方法一条数据,有三处地方用到combobox样式,如果有100条数据是,打开页面编辑 ...
win10你的电脑遇到问题,需要重新启动，我们只收集某些错误信息(volmgr win10 161) ---（解决方法：调整内存对应的页面文件）
目录前言 ■解决(step3,6有效,其他感觉没有什么效果.) ■解决step1.设置电脑启动为快速启动(没有什么效果) ■解决Step2.1 完全内存转储 (不太好用) ■解决Step2.2 ...
编辑器如何加载多张图片
只有M1(完整版).M3(拼图)支持加载多张图片加载多张图片使用xiuxiu.loadPhoto(images,base64,id); 若M1加载多张图片,多加一个固定参数,则使用xiuxiu.lo ...
浅谈Entity Framework中的数据加载方式
如果你还没有接触过或者根本不了解什么是Entity Framework,那么请看这里http://www.entityframeworktutorial.net/EntityFramework-Arc ...
Unity大场景数据加载及优化方案
前段时间,有几个虚拟仿真公司跟我请教关于大地形的加载优化问题,它们使用的引擎都是自己研发的,引擎对于开发者来说,大同小异,它们的基本构造是一样的,关键是在于解决问题的方法,正是基于这个前提写了这个课程 ...
PyTorch基础（四）-----数据加载和预处理
前言之前已经简单讲述了PyTorch的Tensor.Autograd.torch.nn和torch.optim包,通过这些我们已经可以简单的搭建一个网络模型,但这是不够的,我们还需要大量的数据,众所 ...
odoo基础数据加载
odoo 基础数据加载这里介绍的odoo基础数据加载分两种方式,一种是演示数据加载,一种是默认数据加载,下面就是详细介绍首先,当然是创建一个date文件夹项目目录,右键自定义一个文件夹 XML数 ...
pytorch中的数据加载(dataset基类，以及pytorch自带数据集）
目录 pytorch中的数据加载模型中使用数据加载器的目的数据集类 Dataset基类介绍数据加载案例数据加载器类 pytorch自带的数据集 torchvision.datasets MIN ...
recyclerview的数据刷新（下拉刷新和自动加载更多）以及添加提示语（例如：“数据已加载完毕”）
下拉加载更多的核心是SwipeRefreshLayout搭配Recyclerview进行使用.布局为 <android.support.v4.widget.SwipeRefreshLayout ...
mint-ui 图片懒加载及请求数据加载中提示方法
图片懒加载: 引入需要的文件 <script src="https://unpkg.com/vue-lazyload/vue-lazyload.js"></scr ...

ajax每次只加载3张图片,使用加载图片解决在Ajax数据加载中页面出现短暂空白的问题(推荐)...

ajax每次只加载3张图片,使用加载图片解决在Ajax数据加载中页面出现短暂空白的问题(推荐)...相关推荐

最新文章

热门文章