2018-06-19 巧用ajax请求服务器加载数据列表时提示loading的方法

$.ajax({ type: "post", contentType: "application/json", url: "/Home/GetList", beforeSend: function(){ $("loading").show(); }, success: function(data){ if (data == "Success") { // ... } }, complete: function(){ $("loading").hide(); }, error: function(data){ console.info("error: " + data.responseText); }});


2018-06-19 巧用ajax请求服务器加载数据列表时提示loading的方法_第1张图片
2018-06-19 巧用ajax请求服务器加载数据列表时提示loading的方法_第2张图片


2018-06-19 巧用ajax请求服务器加载数据列表时提示loading的方法_第3张图片
var index = null;

beforeSend:function(request) {

//这里判断,如果没有加载数据,会显示loading

    if(request.readyState==0){

index=layer.msg('加载中', {icon:16});

};

},


complete:function (data) {

//这里判断,数据加载成功之后,loading 隐藏

    if(data.status ==200){

setTimeout(function(){

layer.close(index);

},50000);

}

},

你可能感兴趣的:(2018-06-19 巧用ajax请求服务器加载数据列表时提示loading的方法)