加載時,直接設置該DIV的值(提示),然后數(shù)據(jù)加載完畢,再顯示數(shù)據(jù),部分加載也一樣;

創(chuàng)新互聯(lián)專注于金東網(wǎng)站建設服務及定制,我們擁有豐富的企業(yè)做網(wǎng)站經(jīng)驗。 熱誠為您提供金東營銷型網(wǎng)站建設,金東網(wǎng)站制作、金東網(wǎng)頁設計、金東網(wǎng)站官網(wǎng)定制、微信小程序開發(fā)服務,打造金東網(wǎng)絡公司原創(chuàng)品牌,更為您提供金東網(wǎng)站排名全網(wǎng)營銷落地服務。
利用innerhtml
DIV設ID(例如A),默認文字(例如:正在加載...)
等內容下載(例如JS文件)完后就自動替換為ID=A的內容;
onload事件里面,if(document.readyState != "complete")判斷頁面是否加載完成,未完成給張圖片顯示(用隱藏域事先準備或innerHTML),else完成時就隱藏了。
但是ff不支持,用ajax實現(xiàn), if(xmlHttp.readyState == 4 || xmlHttp.readyState == 'complete'){}else{在此操作}。
//請求加載提示的顯示和隱藏
$('.loading').ajaxStart(function
()
{
$(this).show();
}).ajaxStop(function
()
{
$(this).hide();
});
注意:以上代碼在
jQuery1.8
及以后的版本不在有效,需要使用
jquery-migrate
向下兼容
才能運行。新版本中,必須綁定在
document
元素上。
$(document).ajaxStart(function
()
{
$('.loading').show();
}).ajaxStop(function
()
{
$('.loading').hide();
});
//如果請求時間太長,可以設置超時
$.ajax({
timeout
:
500
})
檢查一下代碼書寫是否正確,在JQuery中,AJAX的規(guī)范是:
$.ajax({
url:?'/path/to/file',
type:?'default?GET?(Other?values:?POST)',
dataType:?'default:?Intelligent?Guess?(Other?values:?xml,?json,?script,?or?html)',
data:?{param1:?'value1'},
})
.done(function()?{
console.log("success");
})
.fail(function()?{
console.log("error");
})
.always(function()?{
console.log("complete");
});
Jquery是一個優(yōu)秀的Javascript庫,還兼容各種瀏覽器。jQuery使用戶能更方便地處理HTML、events、實現(xiàn)動畫效果,并且方便地為網(wǎng)站提供AJAX交互。
網(wǎng)站題目:jquery加載中,jq加載頁面
轉載源于:http://chinadenli.net/article49/dseijeh.html
成都網(wǎng)站建設公司_創(chuàng)新互聯(lián),為您提供定制網(wǎng)站、關鍵詞優(yōu)化、營銷型網(wǎng)站建設、App設計、網(wǎng)站導航、Google
聲明:本網(wǎng)站發(fā)布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經(jīng)允許不得轉載,或轉載時需注明來源: 創(chuàng)新互聯(lián)