ajax 非同步請求的時候,一般都會利用乙個動態的 gif小來製作乙個ajax loading ,以便增加使用者體驗。
這裡我們使用spin.js ,該 js 指令碼壓縮後5k,可以不用任何,任何外部的css樣式,就可以建立乙個ajax loading 指示器
spin.js 的**設計、演示及**位址為:
我們可以在鏈結頁面中,動態設定樣式同時會自動生成樣式的配置指令碼:
spin.js 用法極其的簡單:
顯示 spinner
var target=document.getelementbyid("id")
spinner.spin(target);
隱藏 spinner
spinner.spin();
我們來做乙個簡單完整的例子,來體驗一次吧:
上面例子中,我們寫了乙個函式loadajaxspin,作用是ajax呼叫開始前程式設計客棧 出現loading圖示,資料載入完成後loading圖示消失
效果:點選後顯示出菊花,然後執行**函式。
本文標題: ajax載入菊花loding效果
本文位址:
Ajax實現列表無限載入和二級下拉選項效果
ajax做列表無限載入和ajax做二級下拉選項,供大家參考,具體內容如下 欄目ajax做載入 public function ajaxlist wbfedzxnno echo 具體頁面實現 ajax 做二級選項 科室 請選擇科室 請選擇專家 示例控制器 示例控制器 ajax請求欄目列表 public...
AJAX非同步載入 建立
xmlhttprequest 是 ajax 的基礎。所有現代瀏覽器均支援 xmlhttprequest 物件 ie5 和 ie6 使用 activexobject 建立 xmlhttprequest 物件的語法 老版本的 internet explorer ie5 和 ie6 使用 activex ...
ajax載入html檔案
受到單頁面應用的觸發,想著傳統的jquery能不能實現這樣乙個應用,然後在ajax這裡發現了新大陸 請原諒我的無知 分析 載入乙個html的話是可以分為載入其中某個塊 div 和載入整個頁面,而不管載入其中任何一種都是需要本頁面的乙個塊 div 來進行載入展示。載入的方法可以是 ajax 方法也可以...