XSLT sa Client

Kung ang iyong browser ay sumusuporta sa XSLT, maaari itong gamitin sa browser upang baguhin ang dokumento sa XHTML.

Solusyon sa JavaScript

Sa mga naunang kabanata, naipakilala namin sa iyo kung paano gamitin ang XSLT upang baguhin ang isang XML na dokumento sa XHTML. Ginawa namin ang gawain na ito sa pamamagitan ng: pagdagdag ng XSL na estilo sa XML na file, at paggawa ng pagbabagong format sa pamamagitan ng browser.

Kahit na ang kahusayan ng paraan na ito ay maganda, ang paglalagay ng istilo na table sa loob ng XML na file ay hindi palaging nasisiyahan (halimbawa, kung ang browser ay hindi nakakakilala ng XSLT, hindi gumagana ang paraan na ito).

Ang mas pangunahing paraan ay gamitin ang JavaScript upang tapusin ang pagbabagong format.

Sa pamamagitan ng paggamit ng JavaScript, maaari naming:

  • Gawa ng browser confirmation test
  • Gamit ang iba't ibang estilo na table ayon sa pangangailangan ng browser at gumagamit

Ito ang kagandahan ng XSLT! Isa sa mga layunin ng disenyo ng XSLT ay gumawa ng posibleng pagbabagong format mula sa isa at papunta sa isa, at suportahan ang iba't ibang uri ng browser at iba't ibang pangangailangan ng user.

Ang paggawa ng XSLT sa browser ay magiging isa sa mga pangunahing ginagawa ng mga future na browser, at makikita din natin ang kanyang paglago sa partikular na merkado ng browser (makikitang litrato, network printer, auditoryo na aparato, atbp).

XML at XSL na mga file

Tingnan ang XML na dokumento na ito na ipinapakita sa mga naunang kabanata:

<?xml version="1.0" encoding="ISO-8859-1"?>
<catalog>
  <cd>
    <title>Empire Burlesque</title>
    <artist>Bob Dylan</artist>
    <country>USA</country>
    <company>Columbia</company>
    <price>10.90</price>
    <year>1985</year>
  </cd>
.
.
.
</catalog>

Tingnan ang XML na file na ito。

atong XSL na estilo:

<?xml version="1.0" encoding="ISO-8859-1"?>
<xsl:stylesheet version="1.0"
xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
<xsl:template match="/">
  <html>
  <body>
    <h2>Ang Aking Collection ng CD</h2> 
    <table border="1">
      <tr bgcolor="#9acd32">
        <th align="left">Title</th> 
        <th align="left">Artist</th> 
      </tr>
      <xsl:for-each select="catalog/cd">
      <tr>
        <td><xsl:value-of select="title" /></td>
        <td><xsl:value-of select="artist" /></td>
      </tr>
      </xsl:for-each>
  </table>
  </body>
  </html>
</xsl:template>
</xsl:stylesheet>

Tingnan ang XSL file。

Huwag mangyaring alalahanin na ang XML file na ito ay walang binigay na reference sa XSL file.

Mahalagang Balita:Ang pangungusap na ito ay nangangahulugan na ang XML file ay puwedeng i-translate gamit ang ilang iba't ibang XSL style sheets.

I-convert ang XML sa XHTML sa browser

Ito ay ang pinagmulan ng kodigo na nag-oconvert ng XML file sa XHTML sa kliyente:

<html>
<body>
<script type="text/javascript">
// Load XML 
var xml = new ActiveXObject("Microsoft.XMLDOM")
xml.async = false
xml.load("cdcatalog.xml")
// Load XSL
var xsl = new ActiveXObject("Microsoft.XMLDOM")
xsl.async = false
xsl.load("cdcatalog.xsl")
// Transform
document.write(xml.transformNode(xsl))
</script>
</body>
</html>

Mga tagubilin:Kung hindi mo alam kung paano magsulat ng JavaScript, mangyaring mag-aral ng amingTuturuan sa JavaScript》。

Ang unang kodigo ay naglunsad ng isang egemplo ng XML parser ng Microsoft, pagkatapos ay inilagay ang XML file sa memory. Ang ikalawang kodigo ay naglunsad ng isa pang egemplo ng parser, pagkatapos ay inilagay ang XSL file sa memory. Ang huling linya ng kodigo ay ginamit ang XSL dokumento upang i-transform ang XML dokumento, at ipakita ang resulta bilang XHTML sa browser. Nagawa ang ginagawa!

請看它在 IE 中如何工作。