當前位置:編程學習大全網 - 站長素材 - JQUERY進度條材料

JQUERY進度條材料

第二層的方法不是常規的解決方案。個人感覺不是很好(但是他實現的加載進度是真實的,他的進度條可以反映當前卸載頁面的剩余內容——其實這個方法也挺好的...但壹般來說不是必須的。如果要做到這壹點,flex更好)。

壹樓的方法不正確。如果只是簡單的在頁面上放壹張加載圖片,會有兩種情況:壹是有可能達到加載效果。第二,這個圖片要等到整個頁面的大部分或者所有其他元素都加載完了才會加載,所以加載效果是實現不了的。

傳統的解決方案是使用ajax。類似這樣的。

需要兩頁紙。1.壹個是實際的頁面本身。另壹張是空白頁,有加載圖片。

先請求第二頁,在這個頁面放壹段ajax請求第1頁,在成功函數中輸出頁面內容,隱藏加載圖片。

代碼是這樣的:

正在加載頁面:

& ltbody & gt

& ltimg id = ' loading img ' src = ' loading . gif '/& gt;

& ltbody & gt

& lt腳本& gt

$.ajax({

鍵入:' GET ',

Url:實際頁面路徑,

數據:{},

成功:函數(){

$('body ')。追加(數據);

$('#loadingImg ')。hide();//或者直接刪除()

},

數據類型:“html”

});

& lt/script & gt;

==========================================================

呵呵,考慮壹個裝載問題的搜索好麻煩。& ltdiv id="forspider " >.....搜索蜘蛛的純HTML...

  • 上一篇:大學小說寫作素材描寫手部
  • 下一篇:鬥魚中小燕子背後的紋身是什麽意思?那是什麽魚?
  • copyright 2024編程學習大全網