動态顯示

默認系統是(shì)通過生成全靜态頁面來(lái)顯示内容的(de),這(zhè)樣的(de)好處有很多,比如加載速度快、安全性高、服務器負載小、便于(yú) SEO 優化等等。

但是(shì)有些情況下,我們希望能夠實時(shí)顯示數據,而(ér)不(bù)是(shì)每次需要(yào / yāo)生成頁面後才能顯示最新的(de)數據,這(zhè)種情況下我們就(jiù)需要(yào / yāo)采用動态顯示方式顯示内容了(le/liǎo)。

我們可以(yǐ)通過屬性來(lái)切換動态顯示,也(yě)可以(yǐ)通過動态标簽來(lái)切換動态顯示,下面分别進行說(shuō)明。

通過屬性切換動态顯示

大(dà)部分标簽都擁有 isDynamic 屬性,用于(yú)設置是(shì)否将此标簽動态顯示。

<stl:contents isDynamic="true">
  <stl:a></stl:a>
</stl:contents>
1
2
3

通過元素切換動态顯示

如果需要(yào / yāo)動态顯示的(de)标簽比較多,可以(yǐ)使用 <stl:dynamic>将這(zhè)些代碼嵌套進來(lái)實現動态顯示。請參考:<stl:dynamic> 容器元素。

<stl:dynamic>
  <stl:channel type="title"></stl:channel>
  <stl:contents>
    <stl:a></stl:a>
  </stl:contents>
</stl:dynamic>
1
2
3
4
5
6

腳本事件

Js 腳本事件隻能通過定義 <stl:dynamic> 元素的(de)屬性來(lái)支持。

<stl:dynamic> 标簽是(shì)由 Ajax 來(lái)實現的(de),頁面通過 Js 發起動态請求,服務器返回請求結果并顯示在(zài)頁面中。

動态内容由于(yú)通過 Ajax 加載,會有一(yī / yì /yí)定的(de)延遲,我們可以(yǐ)通過定義 Ajax 事件來(lái)進行精确控制。

請參考:Js 腳本事件。