動态顯示

默認系統是通過(guò)生成(chéng)全靜态頁面(miàn)來顯示内容的,這(zhè)樣(yàng)的好(hǎo)處有很多,比如加載速度快、安全性高、服務器負載小、便于 SEO 優化等等。

但是有些情況下,我們希望能(néng)夠實時(shí)顯示數據,而不是每次需要生成(chéng)頁面(miàn)後(hòu)才能(néng)顯示最新的數據,這(zhè)種(zhǒng)情況下我們就(jiù)需要采用動态顯示方式顯示内容了。

我們可以通過(guò)屬性來切換動态顯示,也可以通過(guò)動态标簽來切換動态顯示,下面(miàn)分别進(jìn)行說(shuō)明。

通過(guò)屬性切換動态顯示

大部分标簽都(dōu)擁有 isDynamic 屬性,用于設置是否將(jiāng)此标簽動态顯示。

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

通過(guò)元素切換動态顯示

如果需要動态顯示的标簽比較多,可以使用 <stl:dynamic>將(jiāng)這(zhè)些代碼嵌套進(jìn)來實現動态顯示。請參考:<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

腳本事(shì)件

Js 腳本事(shì)件隻能(néng)通過(guò)定義 <stl:dynamic> 元素的屬性來支持。

<stl:dynamic> 标簽是由 Ajax 來實現的,頁面(miàn)通過(guò) Js 發(fā)起(qǐ)動态請求,服務器返回請求結果并顯示在頁面(miàn)中。

動态内容由于通過(guò) Ajax 加載,會(huì)有一定的延遲,我們可以通過(guò)定義 Ajax 事(shì)件來進(jìn)行精确控制。

請參考:Js 腳本事(shì)件。