经过$.ajax设置预加载动画增强用户体验

之前在jquery请求数据时，总喜欢用简洁的$.get与$.post提交数据，但有时发现因为网速的问题，有些时候网站加载js得到的数据会很是慢，因而就想能不能请求数据中间，给加载数据一个提示，增长用户体验。详细阅读了$.ajax的用法，以为这个很合适，因而记录下来，以供参考：

示例：

 

$.ajax({
			url:url,
			type:'get',
			dataType: "json",
			beforeSend: function () {
			    $("body").append('<div id="pload" style="position:fixed;top:30%;z-index:1200;background:url(/wap/images/loading.gif) top center no-repeat;width:100%;height:140px;margin:auto auto;"></div>');
			},
			complete: function () {
			    $("#pload").remove();
			},
			success:function(result){

　　上面使用beforeSend方法开始发送数据时在页面正中显示加载动画。当请求结束时使用complete方法结束加载提示

效果以下：