ajax在php页面中不显示图片,使用加载图片解决在Ajax数据加载中页面出现短暂空白的问题...

在项目中用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("链接错误") ;

}

});

});

数据在加载状态显示

上面是我整理给大家的，希望今后会对大家有帮助。

相关文章：