html有图片但是页面加载显示为空,使用加载图片解决在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数据加载中页面出现短暂空白的问题(推荐)，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！