使用加载图片解决在Ajax数据加载中页面出现短暂空白的问题(推荐)
在项目中用ajax异步获取数据后有时会因为数据问题或者网络问题，页面一直显示空白，现在用加载图片来过渡这种状态：
<script>
$(function(){
$.ajax({
url:'',//提供接口的文件地址链接
dataType:'json',
type:'POST',
beforeSend: function(){
$('#loading').html("<img src=\"images/loading.gif\" width=\"15%\" style=\"text-align:center;margin:0 auto;\"><p style=\"color:#999;font-size:14px\">加载中，请稍后……</p>") //数据发送过程中先加载图片
},
error: function(msg){ //数据读取失败显示
zNodes=data.responseJson;
alert("对不起，数据获取失败，请联系管理员");
},
success:function(msg){ //数据读取成功并显示数据列表
$('#loading').fadeOut(1000); //图片显示时间；
var ul = "";
for(var i= 0;i<msg.legth;i++){ //数据列表行数
ul += "<li class='list'><a href='php/phpArticle.php?art="+msg[i]['id']+" 'class='widget-list-link'>" + msg[i]['title']+"<i class='more-mark'>"+">>"+"</i></a></li>";
}
$("#list").html(ul);
},
error:function(){ //失败时显示
console.log("链接错误") ;
}
});
});
</script>
数据在加载状态显示
以上所述是小编给大家介绍的用加载图片解决在Ajax数据加载中页面出现短暂空白的问题(推荐)，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对小牛知识库网站的支持！
-
问题内容： 我在这个小组中搜索并在Google周围搜索，但仍然没有运气，我也看到有些问题，但是线程并没有帮助，所以我在这里 这个问题很简单，为了帮助您，我在.zip文件中打包了可以测试的文件 http://www.ivanhalen.com/fancyproblem.zip 我有一些链接的主页（index.php） 单击它们将加载通过AJAX的摘要（page.php） 在代码段中，有一个或多个链接
-
问题内容： 我有一个PHP include，它需要一段时间才能加载，因为PHP必须获取很多数据。我不想放慢整个网页的加载，以等待包含此内容，那么如何使用ajax加载该包含内容呢？我不希望通过单击按钮来触发Ajax，而只是希望它在页面加载时加载包含，因此，如果您查看下面的示例，则会在显示内含代码的同时显示“更多HTML内容”。 php仍在加载中。 问题答案： 如果您使用的是jQuery，则可以使用他
-
本文向大家介绍浅谈Volley加载不出图片的问题，包括了浅谈Volley加载不出图片的问题的使用技巧和注意事项，需要的朋友参考一下 问题分析：加载后台图片的时候，发现加载不出来，后来发现图片的url格式是： http://192.168.1.71/\carhome\shop\778c2bc3ec0a49e1969b24b3a8e62f31\detail\DSC04209.JPG 因为Volley请
-
FaceBook推出的Android图片加载库-Fresco > 原文链接:Introducing Fresco: A new image library for Android 作者 : tyrone Nicholas 译者 : ZhaoKaiQiang 校对者: Chaossss 校对者: bboyfeiyu 校对者: BillionWang 状态 : 完成 在Android设备上面，快速高效
-
本文向大家介绍ajax实现页面的局部加载，包括了ajax实现页面的局部加载的使用技巧和注意事项，需要的朋友参考一下 ajax如何实现页面的局部加载，具体如下 点击头部即右上角的链接时，页面会根据相应的链接加载新的内容，显示在下方；在中间区域有3栏，当点击1栏中的链接，2栏中会显现相应的内容，点击2栏中的内容，3栏中的内容又会根据2栏的链接来加载显示内容。 页面效果如下： js代码如下： 整个dem
-
问题内容： 在我的index.html页面中，我想在加载应用程序时加载一个单独的Ajax页面，最好的方法是什么？这是我的索引代码： 在这里加载ajax子页面..... 子页面就是： 内容.............. 谢谢。 问题答案： 使用JavaScript可以做到这一点。您必须在页面加载时执行此操作。这是jQuery中的示例。