茫茫網海中的冷日 - 對這文章發表回應
茫茫網海中的冷日
         
茫茫網海中的冷日
發生過的事,不可能遺忘,只是想不起來而已!
 恭喜您是本站第 1669425 位訪客!  登入  | 註冊
主選單

Google 自訂搜尋

Goole 廣告

隨機相片
F09_718.jpg

授權條款

使用者登入
使用者名稱:

密碼:


忘了密碼?

現在就註冊!

對這文章發表回應

發表限制: 非會員 可以發表

發表者: 冷日 發表時間: 2014/5/22 21:36:38

[jQuery] Ajax 超簡單做出"loading讀取中"的效果 (可用圖示或文字)



ajax的部分,這篇就不介紹,程式碼大概如下:

$.ajax({
url: "my_ajax.php",
success: function(data) {
(省略)
}
});

如果我們希望在資料還沒傳回來之前,先在網頁上顯示"資料讀取中..."的訊息,只要下面加上以下程式碼:

$("#loading_msg").ajaxStart(function(){
$(this).text("資料讀取中...");
});
$("#loading_msg").ajaxStop(function(){
$(this).text();
});

如果我們希望改成轉圈圈的圖示,也只要把程式碼改成:

$("#loading_img").ajaxStart(function(){
$(this).show();
});
$("#loading_img").ajaxStop(function(){
$(this).hide();
});


PS.轉圈圈的圖可以在這邊下載



原文出處:
謝晒的PHP網頁設計: [jQuery] Ajax 超簡單做出"loading讀取中"的效果 (可用圖示或文字)
內容圖示
url email imgsrc image code quote
樣本
bold italic underline linethrough   












 [詳情...]
validation picture

注意事項:
預覽不需輸入認證碼,僅真正發送文章時才會檢查驗證碼。
認證碼有效期10分鐘,若輸入資料超過10分鐘,請您備份內容後,重新整理本頁並貼回您的內容,再輸入驗證碼送出。

選項

Powered by XOOPS 2.0 © 2001-2008 The XOOPS Project|