Ajax載入菊花loding效果

2022-09-21 09:36:09 字數 557 閱讀 7509

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 方法也可以...