隨著互聯(lián)網(wǎng)的發(fā)展和用戶對網(wǎng)頁體驗的要求越來越高，加載速度成為一個重要的指標(biāo)。而在網(wǎng)頁中，數(shù)據(jù)加載是一個常見的操作，當(dāng)頁面請求數(shù)據(jù)時，如果沒有合理的等待效果，用戶往往會感到頁面卡頓，無法及時獲取到所需內(nèi)容。

為了改善用戶體驗，前端開發(fā)人員通常會使用Ajax技術(shù)來進行數(shù)據(jù)加載。Ajax可以實現(xiàn)異步數(shù)據(jù)交互，通過在不刷新整個頁面的情況下，局部更新頁面內(nèi)容。而在數(shù)據(jù)加載過程中，為了告知用戶正在加載數(shù)據(jù)，我們可以使用等待效果。

等待效果可以通過各種形式來展現(xiàn)，比如旋轉(zhuǎn)的加載圖標(biāo)、進度條、骨架屏等。這些效果都可以提供給用戶一個視覺反饋，告知他們數(shù)據(jù)正在加載中，以免用戶感到頁面無反應(yīng)。

舉個例子，假設(shè)我們正在開發(fā)一個新聞客戶端的網(wǎng)頁版，當(dāng)用戶點擊某個新聞分類時，頁面需要請求服務(wù)器獲取該分類下的新聞列表。如果沒有等待效果，用戶可能會以為頁面加載失敗，產(chǎn)生負(fù)面的體驗情緒。而如果我們加上一個旋轉(zhuǎn)的加載圖標(biāo)，并在圖標(biāo)下方顯示“正在加載中”的文字，用戶就能清楚地知道數(shù)據(jù)加載正在進行中，從而避免了誤解。

<div id="loading">
<img src="loading.gif" alt="loading">
<p>正在加載中...</p>
</div>