Ajax请求数据之前、之后

109 阅读 0 评论 72 点赞

我是靠谱客的博主英勇小蝴蝶，最近开发中收集的这篇文章主要介绍Ajax请求数据之前、之后，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

Ajax请求数据之前、之后

前端从后台请求数据，通常采用Ajax，在网络慢的情况下，页面会有空白页出现，为了解决这类问题，加载中通常会有一个loading样式，代表正在加载，此时就需要Ajax的beforeSend、complete方法；
案例：

$.ajax({
    url: url,
    type: "get",
    data:data
    async:true,
       //数据加载之前显示loading
    beforeSend: function() {
    	//loading显示
        //do something 
    },
    success: function(res) {
        //do something 
    },
       //数据加载完成之后loading隐藏
    complete:function(){
    	//请求完成，loading关闭
        //do something 
    }
})