利用加载图片解决Ajax数据加载中空白页短的问题(推荐)

在项目中用ajax异步获取数据后，由于数据问题或网络问题，有时页面总是显示空白。现在，加载图片用于转换这种状态：

Script $ (function () {$)。Ajax ({url: ' '，//提供接口datatype3360' JSON '，type:' post '，before send 3360 function(){ $(' # loading ')的文件地址链接。html(' img src=\ ' images/loading . gif ' width=\ ' 15% \ ' style=\ ' text-align : center；margin:0 auto\ ' p style=\ ' color: # 999正在加载，请稍候./p ')//数据发送过程中先加载图片}，error:函数(msg){ //数据读取失败显示zNodes=data.responseJson提醒(‘抱歉，数据采集失败，请联系管理员’)；}，success:function(msg){ //数据读取成功，数据列表$('#loading ')。显示淡出(1000)；//图片显示时间；var ul=for(var I=0；imsg.legthI ){ //数据列表行ul=' Li class=' list ' a href=' PHP/PHP particle . PHP？art=' msg[I][' id ']' class=' widget-list-link ' ' msg[I][' title ']' I class=' more-mark ' ' ' '/I/a/Li '；} $('#list ')。html(ul)；}，失败时error : function(){//display console . log(' link error ')；} });});/script数据以加载状态显示

以上是边肖为解决Ajax数据加载中空白页短的问题所做的介绍(推荐)。希望对大家有帮助。如果你有任何问题，请给我留言，边肖会及时回复你。非常感谢您对我们网站的支持！