jQuery Ajax 異步加載顯示等待效果代碼分享

    時間:2024-10-15 10:11:16 AJAX 我要投稿
    • 相關推薦

    關于jQuery Ajax 異步加載顯示等待效果代碼分享

      AJAX 全稱 Asynchronous JavaScript and XML(異步的 JavaScript 和 XML)。它并非一種新的技術,而是以下幾種原有技術的結合體。

    關于jQuery Ajax 異步加載顯示等待效果代碼分享

      1) 使用CSS和XHTML來表示。

      2) 使用DOM模型來交互和動態顯示。

      3) 使用XMLHttpRequest來和服務器進行異步通信。

      4) 使用javascript來綁定和調用。

      通過AJAX異步技術,可以在客戶端腳本與web服務器交互數據的過程中使用XMLHttpRequest對象來完成HTTP請求(Request)/應答(Response)模型:

      1) 不需要用戶等待服務端響應。在異步派發XMLHttpRequest請求后控制權馬上就被返回到瀏覽器。界面不會出現白板,在得到服務器響應之前還可以友好的給出一個加載提示。

      2) 不需要重新加載整個頁面。為XMLHttpRequest注冊一個回調函數,待服務器響應到達時,觸發回調函數,并且傳遞所需的少量數據。“按需取數據”也降低了服務器的壓力。

      3) 不需要使用隱藏或內嵌的框架。在XHR對象之前,模擬Ajax通信通常使用hack手段,如使用隱藏的或內嵌的框架(標簽)。

      css:

      #loading {width:170px;height:25px;border:3px solid #C3DAF9;position:absolute;top:300px;left:600px; z-index:10000; background-color:#F7F9FC;line-height:25px;vertical-align:middle;font-size:11pt;display:none;}

      html:

      以上所述是小編給大家介紹的jQuery Ajax 異步加載顯示等待效果代碼分享,希望對大家有所幫助,如果大家有任何疑問請給我們留言,小編會及時回復大家的。在此也非常感謝大家對的支持!

    【jQuery Ajax 異步加載顯示等待效果代碼分享】相關文章:

    jquery提交按鈕的代碼07-28

    關于jquery簡單圖片切換顯示效果實現方法介紹10-01

    基于jQuery的固定表格頭部的代碼08-30

    關于jQuery實現高亮顯示的方法介紹08-20

    jQuery(js)如何獲取文字寬度(顯示長度)09-29

    護眼顯示器效果01-31

    關jQuery彈出窗口簡單實現代碼-javascript編程06-07

    jquery之超簡單的div顯示和隱藏特效demo簡介05-15

    室內效果圖制作經驗分享01-23

    網頁程序設計之分享幾個css小眾代碼08-09

    91久久大香伊蕉在人线_国产综合色产在线观看_欧美亚洲人成网站在线观看_亚洲第一无码精品立川理惠

      亚洲欧美日韩中文在线 | 亚洲高清国产拍精品青青草原 | 午夜福利亚洲国产不卡顿 | 亚洲4444在线观看 | 中文字幕在线观看 | 亚洲精品在线影院 |