關於jQuery Ajax 異步加載顯示等待效果代碼分享
AJAX 全稱 Asynchronous JavaScript and XML(異步的 JavaScript 和 XML)。它並非一種新的技術,而是以下幾種原有技術的結合體。
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 異步加載顯示等待效果代碼分享,希望對大家有所幫助,如果大家有任何疑問請給我們留言,小編會及時回覆大家的。在此也非常感謝大家對的支持!
-
JavaScript與用户端教程
一頁面輸出1.頭部文件複製代碼代碼如下:2.複製代碼代碼如下:3.外部文件4.利用頁面ID的innerHtml複製代碼代碼如下:5.警告alert("廣州百匯物流有限公司");6.詢問複製代碼代碼如下:if(confirm("是否訪問我們的首頁")){alert("是的',前往");}else{alert("退出");}...
-
jQuery中的read和JavaScript中的onload函數的區別在哪
在JavaScript中,onload函數是最經常使用的,幾乎涉及到JavaScript的童鞋都少不了要接觸它。這個函數的作用就是等待網頁完全裝載完了以後再去執行代碼塊內的語句,因為按照文檔流的執行順序,通常用於頭部加載JavaScript的`時候需要用到。複製代碼代碼如下:ad=functio...
-
淺談jquery 注意事項與常用語法
1、關於選擇器中含有特殊符號選擇器中含有".","#","(","]"等特殊字符,根據W3C的規定,屬性值中是不能含有這些特殊字符的,例如:複製代碼代碼如下:bb如果按照普通的方式來獲取,例如:複製代碼代碼如下:$("#id#b");$("#id[1]");以上代碼不能正確獲取到元素,正確的寫法如下:復...
-
如何理解Javascript的caller,callee,call,apply區別
在提到上述的概念之前,首先想説説javascript中函數的隱含參數:argumentsarguments該對象代表正在執行的函數和調用它的函數的參數。[function.]arguments[n]參數function:選項。當前正在執行的Function對象的名字。n:選項。要傳遞給Function對象的從0開始的參數值...