通過$.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方法結束加載提示

效果如下：