1、引入要显示的GIF图片

<imgid="img"class="active"style="display:none"alt=""src="xxxxx/loading.gif"/>

这里class 选择了本地样式，若想自己编写样式，可用css自己编写。

2、获取这个GIF对象

<scripttype="text/javascript">
varimg=$("#img");

</script>

3、发送请求前显示图片，完成请求后，隐藏图片

<scripttype="text/javascript">

varimg=$("#img");
		$.ajax({
			type:"post",url:"XXXXX",data:data,dataType:"json",//显示图片
			beforeSend:function(){
				img.show().css({
				"position":"fixed","top":"40%","left":"45%",});
			},//隐藏图片
				complete:function(){
				img.hide();

			},success:function(data){
				
				//此处为ajax至此那个成功后
			},});
	</script>