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

效果以下：