XSLT - Pada Server

Jika browser Anda mendukung XSLT, maka di browser ini dapat digunakan untuk mengkonversi dokumen ke XHTML.

Solusi JavaScript

Di bab sebelumnya, kami telah mengelaskan bagaimana menggunakan XSLT untuk mengkonversi dokumen XML ke XHTML. Kami melaksanakan kerja ini dengan menambahkan gaya tabel XSL ke berkas XML dan melaksanakan transformati melalui browser.

Walaupun metode ini berkesan baik, menempatkan referensi gaya tabel di dalam berkas XML tidak selalu memuaskan (misalnya, metode ini tidak akan berfungsi di browser yang tidak mengenal XSLT).

Metode yang lebih umum adalah menggunakan JavaScript untuk melaksanakan transformati.

Dengan menggunakan JavaScript, kami dapat:

  • Lakukan tes konfirmasi browser
  • Gunakan berbagai gaya tabel berdasarkan kebutuhan browser dan pengguna

Ini adalah keindahan XSLT! Salah satu tujuan desain XSLT adalah untuk memungkinkan konversi format dari satu format ke format lain, serta mendukung berbagai tipe browser dan kebutuhan pengguna.

Transformasi XSLT di sisi pengguna browser akan menjadi salah satu tugas utama yang dijalankan oleh browser di masa mendatang, dan kita juga akan melihat pertumbuhannya di pasar browser khusus (bacaan braille, printer jaringan, peralatan audisi, dll).

Berkas XML dan XSL

Lihat dokumen XML di bab sebelumnya yang telah ditampilkan:

<?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>

Lihat berkas XML ini。

dan berikutnya XSL gaya tabel:

<?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>My CD Collection</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>

Lihat berkas XSL ini。

Perhatikan bahwa berkas XML ini tidak mengandung referensi ke berkas XSL.

Perhatian penting:Kalimat di atas berarti bahwa berkas XML dapat diubah ke berbagai macam gaya XSL untuk konversi.

Mengkonversi XML ke XHTML di browser

Ini adalah kode sumber untuk mengkonversi berkas XML ke XHTML di klien:

<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>

Petunjuk:Jika Anda tidak mengerti bagaimana menulis JavaScript, silakan belajar dari <Panduan JavaScript》。

Kode pertama membuat instansi parser XML Microsoft, lalu memuat berkas XML ke memori. Kode kedua membuat instansi parser lainnya, lalu memuat berkas XSL ke memori. Baris terakhir menggunakan dokumen XSL untuk mengubah dokumen XML, dan menampilkan hasilnya sebagai XHTML di browser. Tugas selesai!

请看它在 IE 中如何工作。