Anda di halaman 1dari 44

Apa itu XML?

XML adalah singkatan dari eXtensible Markup Language


XML adalah bahasa markup seperti HTML

XML dirancang untuk mendeskripsikan data, tidak untuk menampilkan


data

Tag XML belum ditetapkan. Anda harus menetapkan tag Anda sendiri

XML dirancang untuk menjadi diri deskriptif

XML adalah Rekomendasi W3C

Perbedaan Antara XML dan HTML


XML bukanlah pengganti HTML.
XML dan HTML yang dirancang dengan tujuan yang berbeda:

XML dirancang untuk mendeskripsikan data, dengan fokus pada apa data
HTML dirancang untuk menampilkan data, dengan fokus pada bagaimana
data terlihat

HTML adalah tentang menampilkan informasi, sedangkan XML adalah tentang


membawa informasi.

XML tidak melakukan apa pun


Mungkin agak sulit untuk mengerti, tapi XML tidak melakukan apa-apa.
Contoh berikut adalah catatan untuk Tove, dari Jani, disimpan sebagai XML:
<note>
<to>Tove</to>
<from>Jani</from>
<heading>Reminder</heading>
<body>Don't forget me this weekend!</body>
</note>

Catatan di atas cukup diri deskriptif. Memiliki pengirim dan penerima informasi,
juga memiliki judul dan badan pesan.
Tapi tetap, dokumen ini XML tidak melakukan apa-apa. Ini hanya informasi yang
dibungkus dalam tag. Seseorang harus menulis sebuah software untuk
mengirim, menerima atau menampilkannya.

Dengan XML Anda Menciptakan Sendiri Tags


Anda
Tag dalam contoh di atas (seperti <ke> dan <dari>) tidak didefinisikan dalam
standar XML. Tag ini "diciptakan" oleh penulis dokumen XML.
Itu karena bahasa XML tidak memiliki tag yang telah ditetapkan.
Tag yang digunakan dalam HTML yang telah ditetapkan. Dokumen HTML hanya
bisa menggunakan tag yang didefinisikan dalam standar HTML (seperti <p>,
<h1>, dll).
XML memungkinkan penulis untuk mendefinisikan / tag nya sendiri dan /
struktur dokumen nya sendiri.

XML Bukan Penggantian untuk HTML


XML merupakan pelengkap HTML.
Hal ini penting untuk memahami XML yang tidak pengganti HTML. Dalam
sebagian besar aplikasi web, XML digunakan untuk menggambarkan data,
sedangkan HTML digunakan untuk memformat dan menampilkan data.
Deskripsi terbaik saya XML adalah ini:
XML adalah alat peranti lunak dan perangkat keras-independen untuk
membawa informasi.

XML adalah Rekomendasi W3C


XML menjadi Rekomendasi W3C pada tanggal 10 Februari 1998.

Bagaimana XML akan Digunakan?


XML digunakan dalam banyak aspek pengembangan web, seringkali untuk
menyederhanakan penyimpanan data dan berbagi.

XML Memisahkan Data dari HTML


Jika Anda perlu untuk menampilkan data dinamis dalam dokumen HTML Anda,
itu akan mengambil banyak pekerjaan untuk mengedit HTML setiap kali
perubahan data.
Dengan XML, data dapat disimpan dalam file XML terpisah. Dengan cara ini
Anda dapat berkonsentrasi pada menggunakan HTML / CSS untuk tampilan dan
tata letak, dan pastikan bahwa perubahan dalam data yang mendasari tidak
akan memerlukan perubahan HTML.
Dengan beberapa baris kode JavaScript, Anda dapat membaca file XML
eksternal dan memperbarui konten data halaman web Anda.

XML Menyederhanakan Berbagi Data


Dalam dunia nyata, sistem komputer dan database berisi data dalam format
yang tidak kompatibel.
Data XML disimpan dalam format teks biasa. Ini menyediakan cara peranti
lunak dan perangkat keras-independen menyimpan data.
Hal ini membuat lebih mudah untuk membuat data yang dapat dibagi oleh
berbagai aplikasi.

XML Menyederhanakan Angkutan data


Salah satu yang paling memakan waktu tantangan bagi pengembang adalah
untuk pertukaran data antara sistem yang tidak kompatibel melalui Internet.

Bertukar data XML sangat mengurangi kompleksitas ini, karena data dapat
dibaca oleh aplikasi yang tidak kompatibel yang berbeda.

XML Menyederhanakan platform


Perubahan
Upgrade ke sistem baru (hardware atau software platform), selalu memakan
waktu. Sejumlah besar data harus dikonversi dan data tidak cocok sering
hilang.
Data XML disimpan dalam format teks. Hal ini membuat lebih mudah untuk
memperluas atau upgrade ke sistem baru operasi, aplikasi baru, atau browser
baru, tanpa kehilangan data.

XML Membuat Data Anda Lebih Tersedia


Aplikasi yang berbeda dapat mengakses data Anda, tidak hanya di halaman
HTML, tetapi juga dari sumber data XML.
Dengan XML, data Anda dapat tersedia untuk semua jenis "mesin membaca"
(komputer genggam, mesin suara, feed berita, dll), dan membuatnya lebih
tersedia untuk orang-orang buta, atau orang-orang cacat lainnya.

Internet Bahasa Ditulis dalam XML


Beberapa bahasa internet yang ditulis dalam XML. Berikut adalah beberapa
contoh:

XHTML
XML Schema

SVG

WSDL

RSS

XML Pohon
Dokumen XML membentuk struktur pohon yang dimulai pada "akar" dan
cabang "daun".

Dokumen Contoh XML


Dokumen XML menggunakan sintaks self-describing dan sederhana:
<?xml version="1.0" encoding="UTF-8 " ?>
<note>
<to>Tove</to>
<from>Jani</from>
<heading>Reminder</heading>
<body>Don't forget me this weekend!</body>
</note>
Baris pertama adalah deklarasi XML. Ini mendefinisikan versi XML (1.0).
Baris berikutnya menggambarkan elemen akar dokumen (seperti mengatakan:
"Dokumen ini adalah catatan"):
<note>
4 baris berikutnya menjelaskan 4 elemen anak dari akar (ke, dari, menuju,
dan tubuh):
<to>Tove</to>
<from>Jani</from>
<heading>Reminder</heading>
<body>Don't forget me this weekend!</body>
Dan akhirnya baris terakhir mendefinisikan akhir elemen root:
</note>
Anda dapat mengasumsikan, dari contoh ini, bahwa dokumen XML berisi
catatan untuk Tove dari Jani.
Jangan Anda setuju bahwa XML cukup self-deskriptif?

XML Dokumen Bentuk Struktur Pohon

Dokumen XML harus berisi elemen root. Elemen ini adalah "orang tua" dari
semua elemen lainnya.
Unsur-unsur dalam dokumen XML membentuk pohon dokumen. Pohon itu
dimulai pada akar dan cabang ke tingkat terendah dari pohon.
Semua elemen dapat memiliki sub elemen (elemen anak):
<root>
<child>
<subchild>.....</subchild>
</child>
</root>
Istilah orang tua, anak, dan saudara yang digunakan untuk menggambarkan
hubungan antara unsur-unsur. Unsur orang tua memiliki anak. Anak-anak pada
tingkat yang sama disebut saudara (saudara atau saudari).
Semua elemen dapat memiliki konten teks dan atribut (seperti di HTML).

Contoh:

Gambar di atas merupakan salah satu buku di XML di bawah ini:


<bookstore>
<book category="COOKING">
<title lang="en">Everyday Italian</title>
<author>Giada De Laurentiis</author>
<year>2005</year>

<price>30.00</price>
</book>
<book category="CHILDREN">
<title lang="en">Harry Potter</title>
<author>J K. Rowling</author>
<year>2005</year>
<price>29.99</price>
</book>
<book category="WEB">
<title lang="en">Learning XML</title>
<author>Erik T. Ray</author>
<year>2003</year>
<price>39.95</price>
</book>
</bookstore>
Elemen root dalam contoh adalah <toko buku>. Semua <book> elemen dalam
dokumen yang terkandung dalam <toko buku>.
The <buku> elemen memiliki 4 anak: <title>, <author>, <tahun>, <harga>.

XML Sintaks Aturan


Aturan sintaks XML yang sangat sederhana dan logis. Aturan yang mudah
dipelajari, dan mudah digunakan.

Semua Elemen XML Harus Memiliki Tag


Penutup
Dalam HTML, beberapa elemen tidak harus memiliki tag penutup:
<p>This is a paragraph.
<br>
Dalam XML, adalah ilegal untuk menghilangkan tag penutup. Semua
elemen harus memiliki tag penutup:
<p>This is a paragraph.</p>
<br />

Catatan: Anda mungkin telah memperhatikan dari contoh sebelumnya bahwa


deklarasi XML tidak memiliki tag penutup. Ini bukan kesalahan. Deklarasi ini
bukan bagian dari dokumen XML itu sendiri, dan tidak memiliki tag penutup.

XML Tag adalah Case Sensitive


Tag XML bersifat case sensitive. Tag <Letter> berbeda dengan tag <letter>.
Membuka dan menutup tag harus ditulis dengan kasus yang sama:
<Message>This is incorrect</message>
<message>This is correct</message>
Catatan: "Pembukaan dan penutupan tag" yang sering disebut sebagai "Mulai
dan tag akhir". Gunakan apa pun yang Anda inginkan. Ini adalah hal yang
persis sama.

Elemen XML Harus Benar Bersarang


Dalam HTML, Anda mungkin akan melihat unsur-unsur tidak benar bersarang:
<b><i>This text is bold and italic</b></i>
Dalam XML, semua elemen harus benar bersarang dalam satu sama lain:
<b><i>This text is bold and italic</i></b>
Dalam contoh di atas, "Benar bersarang" hanya berarti bahwa sejak <i> elemen
dibuka di dalam <b> elemen, itu harus ditutup dalam <b> elemen.

XML Dokumen Harus Memiliki Root


Element
Dokumen XML harus mengandung salah satu unsur yang merupakan induk dari
semua elemen lainnya. Elemen ini disebut elemen root.
<root>
<child>

<subchild>.....</subchild>
</child>
</root>

Nilai XML Atribut Harus Dikutip


Elemen XML dapat memiliki atribut nama / nilai pasangan seperti di HTML.
Dalam XML, nilai atribut harus selalu dikutip.
SALAH:
<note date=12/11/2007>
<to>Tove</to>
<from>Jani</from>
</note>
BENAR:
<note date="12/11/2007">
<to>Tove</to>
<from>Jani</from>
</note>
Kesalahan dalam dokumen pertama adalah tanggal atribut dalam elemen note
tidak dikutip.

Referensi entitas
Beberapa karakter memiliki arti khusus dalam XML.
Jika Anda menempatkan karakter seperti "<" di dalam sebuah elemen XML,
maka akan menghasilkan kesalahan karena parser menafsirkan sebagai awal
dari sebuah elemen baru.
Ini akan menghasilkan kesalahan XML:
<message>if salary < 1000 then</message>
Untuk menghindari kesalahan ini, ganti "<" karakter dengan referensi entitas:
<message>if salary &lt; 1000 then</message>
Ada 5 yang telah ditetapkan referensi entitas dalam XML:

&lt;

<

less than

&gt;

>

greater than

&amp;

&

ampersand

&apos;

'

apostrophe

&quot;

"

quotation mark

Catatan: Hanya karakter "<" dan "&" secara ketat ilegal dalam XML. Lebih
besar dari karakter adalah legal, tetapi merupakan kebiasaan yang baik untuk
menggantinya.

Komentar dalam XML


Sintaks untuk menulis komentar di XML mirip dengan HTML.
<! - Ini adalah komentar ->

White-space yang Diawetkan di XML


XML tidak memotong beberapa putih-ruang dalam sebuah dokumen (sementara
HTML memotong beberapa putih spasi untuk satu tunggal white-space):
XML:

Hello

HTML:

Hello Tove

Tove

Toko XML New Line sebagai LF


Aplikasi Windows menyimpan baris baru: carriage return dan line feed (CR +
LF).

Unix dan Mac OSX menggunakan LF.


Sistem lama Mac menggunakan CR.
XML menyimpan baris baru sebagai LF.

Terbentuk dengan baik XML


Dokumen XML yang sesuai dengan aturan sintaks diatas dikatakan "Yah
Dibentuk" dokumen XML.

Elemen XML
Sebuah dokumen XML mengandung Elemen XML.

Apa adalah Elemen XML?


Sebuah elemen XML adalah segalanya dari (termasuk) elemen mulai tag untuk
(termasuk) elemen akhir tag.
Sebuah elemen dapat berisi:

unsur-unsur lain
teks

atribut

atau campuran dari semua di atas ...

<bookstore>
<book category="CHILDREN">
<title>Harry Potter</title>
<author>J K. Rowling</author>
<year>2005</year>
<price>29.99</price>
</book>
<book category="WEB">
<title>Learning XML</title>
<author>Erik T. Ray</author>
<year>2003</year>

<price>39.95</price>
</book>
</bookstore>
Dalam contoh di atas, <toko buku> dan <book> memiliki isi elemen, karena
mengandung unsur-unsur lain. <Book> juga memiliki atribut (kategori =
"ANAK"). <Title>, <author>, <tahun>, dan <harga> memiliki konten
teks karena mengandung teks.

Elemen XML kosong


Sebuah elemen tanpa konten dikatakan kosong.
Dalam XML, Anda dapat menunjukkan elemen kosong seperti ini:
<element></element>
atau Anda dapat menggunakan tag kosong, seperti ini (semacam ini sintaks
elemen disebut self-closing):
<element />
Dua bentuk di atas menghasilkan hasil yang identik dalam parser XML.
Catatan: elemen kosong tidak memiliki konten apapun, tetapi mereka dapat
memiliki atribut!

Aturan XML Penamaan


Elemen XML harus mengikuti aturan-aturan penamaan:

Nama elemen adalah case-sensitive


Nama elemen harus diawali dengan huruf atau garis bawah

Nama elemen tidak dapat memulai dengan huruf xml (atau XML, atau
Xml, dll)

Nama elemen dapat berisi huruf, angka, tanda hubung, garis bawah, dan
periode

Nama elemen tidak bisa mengandung spasi

Setiap nama dapat digunakan, tidak ada kata-kata dicadangkan (kecuali xml).

Praktek Penamaan Terbaik


Buat nama deskriptif, seperti ini: <person>, <firstname>, <nama belakang>.
Buat singkat dan sederhana nama, seperti ini: <BOOK_TITLE> tidak seperti ini:
<the_title_of_the_book>.
Menghindari "-". Jika Anda nama sesuatu "pertama-nama", beberapa perangkat
lunak mungkin berpikir Anda ingin mengurangi "nama" dari "pertama".
Hindari ".". Jika Anda nama sesuatu "first.name", beberapa perangkat lunak
mungkin berpikir bahwa "nama" adalah properti dari objek "pertama".
Hindari ":". Titik dua dicadangkan untuk ruang nama (lebih kemudian).
Huruf non-Inggris seperti EOA yang sempurna hukum dalam XML, tapi hati-hati
untuk masalah jika perangkat lunak Anda tidak mendukung mereka.

Penamaan Styles
Tidak ada gaya penamaan yang ditetapkan untuk elemen XML. Tapi di sini ada
beberapa yang umum digunakan:
Gaya

Contoh

Deskripsi

Huruf kecil

<Firstname>

Semua huruf kecil

Huruf besar

<FIRSTNAME>

Semua huruf besar

Menggarisbawahi

<First_name>

Garis bawah memisahkan kata-kata

Kasus pascal

<FirstName>

Huruf besar huruf pertama di setiap kata

Kasus Camel

<FirstName>

Huruf besar huruf pertama di setiap kata kecuali yang

Jika Anda memilih gaya penamaan, itu baik untuk konsisten!

Dokumen XML sering memiliki database yang sesuai. Sebuah praktek yang baik
adalah dengan menggunakan aturan penamaan database Anda untuk elemen
dalam dokumen XML.

Elemen XML Extensible


Elemen XML dapat diperluas untuk membawa informasi lebih lanjut.
Lihatlah contoh XML berikut:
<note>
<to>Tove</to>
<from>Jani</from>
<body>Don't forget me this weekend!</body>
</note>
Mari kita bayangkan bahwa kami menciptakan sebuah aplikasi yang diekstrak
<untuk>, <dari>, dan <body> elemen dari dokumen XML untuk menghasilkan
output ini:
PESAN
Untuk: Tove
Dari: Jani
Jangan lupakan aku akhir pekan ini!
Bayangkan bahwa penulis dokumen XML menambahkan beberapa informasi
tambahan untuk itu:
<note>
<date>2008-01-10</date>
<to>Tove</to>
<from>Jani</from>
<heading>Reminder</heading>
<body>Don't forget me this weekend!</body>
</note>
Haruskah aplikasi istirahat atau crash?
Tidak Aplikasi masih harus dapat menemukan <untuk>, <dari>, dan <body>
elemen dalam dokumen XML dan menghasilkan output yang sama.
Salah satu keindahan XML, adalah bahwa hal itu dapat diperpanjang tanpa
melanggar aplikasi.

Atribut XML
Elemen XML dapat memiliki atribut, seperti HTML.
Atribut memberikan informasi tambahan tentang elemen.

Atribut XML
Dalam HTML, atribut memberikan informasi tambahan tentang elemen:
<img src="computer.gif">
<a href="demo.asp">
Atribut sering memberikan informasi yang bukan merupakan bagian dari
data. Pada contoh di bawah ini, jenis file tidak relevan dengan data, namun
dapat menjadi penting untuk perangkat lunak yang ingin memanipulasi elemen:
<file type="gif">computer.gif</file>

Atribut XML Harus Dikutip


Nilai atribut harus selalu dikutip. Entah tunggal atau tanda kutip ganda dapat
digunakan. Untuk jenis kelamin seseorang, elemen orang dapat ditulis seperti
ini:
<person gender="female">
atau seperti ini:
<person gender='female'>
Jika nilai atribut itu sendiri berisi tanda kutip ganda Anda dapat menggunakan
tanda kutip tunggal, seperti dalam contoh ini:
<gangster name='George "Shotgun" Ziegler'>
atau Anda dapat menggunakan entitas karakter:
<gangster name="George &quot;Shotgun&quot; Ziegler">

Elemen XML vs Atribut


Lihatlah contoh-contoh ini:
<person gender="female">
<firstname>Anna</firstname>
<lastname>Smith</lastname>
</person>

<person>
<gender>female</gender>
<firstname>Anna</firstname>
<lastname>Smith</lastname>
</person>
Pada pertama contoh jenis kelamin adalah atribut. Pada yang terakhir, jenis
kelamin adalah elemen. Kedua contoh memberikan informasi yang sama.
Tidak ada aturan tentang kapan harus menggunakan atribut atau ketika
menggunakan elemen. Atribut yang berguna dalam HTML. Dalam XML saran
saya adalah untuk menghindari mereka. Menggunakan elemen sebagai
gantinya.

My Way Favorit
Tiga dokumen XML berikut ini berisi persis informasi yang sama:
Tanggal atribut digunakan dalam contoh pertama:
<note date="2008-01-10">
<to>Tove</to>
<from>Jani</from>
<heading>Reminder</heading>
<body>Don't forget me this weekend!</body>
</note>
Unsur tanggal digunakan dalam contoh kedua:
<note>
<date>2008-01-10</date>
<to>Tove</to>
<from>Jani</from>
<heading>Reminder</heading>

<body>Don't forget me this weekend!</body>


</note>
Sebuah elemen tanggal diperluas digunakan dalam ketiga: (ini adalah favorit
saya):
<note>
<date>
<year>2008</year>
<month>01</month>
<day>10</day>
</date>
<to>Tove</to>
<from>Jani</from>
<heading>Reminder</heading>
<body>Don't forget me this weekend!</body>
</note>

Hindari Atribut XML?


Beberapa masalah dengan menggunakan atribut:

atribut tidak dapat berisi beberapa nilai (elemen bisa)


atribut tidak dapat berisi struktur pohon (elemen bisa)

atribut tidak mudah diperluas (untuk perubahan masa depan)

Atribut sulit untuk dibaca dan memelihara. Gunakan elemen untuk


data. Gunakan atribut untuk informasi yang tidak relevan dengan data.
Jangan berakhir seperti ini:
<note day="10" month="01" year="2008"
to="Tove" from="Jani" heading="Reminder"
body="Don't forget me this weekend!">
</note>

XML Atribut untuk Metadata


Kadang-kadang ID referensi yang ditugaskan untuk elemen. ID ini dapat
digunakan untuk mengidentifikasi elemen XML dalam banyak cara yang sama
seperti atribut id di HTML. Contoh ini menunjukkan hal ini:

<messages>
<note id="501">
<to>Tove</to>
<from>Jani</from>
<heading>Reminder</heading>
<body>Don't forget me this weekend!</body>
</note>
<note id="502">
<to>Jani</to>
<from>Tove</from>
<heading>Re: Reminder</heading>
<body>I will not</body>
</note>
</messages>
Id atribut di atas adalah untuk mengidentifikasi catatan yang berbeda. Ini
bukan bagian dari catatan itu sendiri.
Apa yang saya katakan di sini adalah bahwa metadata (data tentang data)
harus disimpan sebagai atribut, dan data itu sendiri harus disimpan sebagai
elemen.

Namespaces XML
Namespaces XML menyediakan metode untuk menghindari konflik nama
elemen.

Nama Konflik
Dalam XML, nama elemen didefinisikan oleh pengembang. Hal ini sering
menyebabkan konflik ketika mencoba untuk mencampur dokumen XML dari
aplikasi XML yang berbeda.
XML ini membawa informasi tabel HTML:
<table>
<tr>
<td>Apples</td>
<td>Bananas</td>
</tr>
</table>
XML ini membawa informasi tentang tabel (perabot):

<table>
<name>African Coffee Table</name>
<width>80</width>
<length>120</length>
</table>
Jika fragmen ini XML ditambahkan bersama-sama, akan ada konflik
nama. Keduanya mengandung <table> elemen, namun unsur memiliki konten
yang berbeda dan makna.
Seorang pengguna atau aplikasi XML tidak akan tahu bagaimana menangani
perbedaan-perbedaan ini.

Memecahkan Nama Konflik Menggunakan


Awalan
Nama konflik dalam XML dapat dengan mudah dihindari dengan menggunakan
nama awalan.
XML ini membawa informasi tentang tabel HTML, dan perabot:
<h:table>
<h:tr>
<h:td>Apples</h:td>
<h:td>Bananas</h:td>
</h:tr>
</h:table>
<f:table>
<f:name>African Coffee Table</f:name>
<f:width>80</f:width>
<f:length>120</f:length>
</f:table>
Dalam contoh di atas, tidak akan ada konflik karena kedua <table> elemen
memiliki nama yang berbeda.

XML Namespaces - The xmlns Atribut

Bila menggunakan prefiks dalam XML, sebuah namespace disebut untuk


awalan harus didefinisikan.
Namespace didefinisikan oleh xmlns atribut dalam tag awal sebuah elemen.
Namespace deklarasi memiliki sintaks berikut. xmlns: prefix = "URI".
<root>
<h:table xmlns:h="http://www.w3.org/TR/html4/">
<h:tr>
<h:td>Apples</h:td>
<h:td>Bananas</h:td>
</h:tr>
</h:table>
<f:table xmlns:f="http://www.w3schools.com/furniture">
<f:name>African Coffee Table</f:name>
<f:width>80</f:width>
<f:length>120</f:length>
</f:table>
</root>
Dalam contoh di atas, xmlns atribut dalam tag <table> memberikan h: dan f:
prefiks namespace yang berkualitas.
Ketika namespace didefinisikan untuk elemen, semua elemen anak dengan
awalan yang sama terkait dengan namespace yang sama.
Namespaces dapat dinyatakan dalam elemen mana mereka digunakan atau
elemen XML root:
<root xmlns:h="http://www.w3.org/TR/html4/"
xmlns:f="http://www.w3schools.com/furniture">
<h:table>
<h:tr>
<h:td>Apples</h:td>
<h:td>Bananas</h:td>
</h:tr>
</h:table>
<f:table>
<f:name>African Coffee Table</f:name>
<f:width>80</f:width>
<f:length>120</f:length>
</f:table>

</root>
Catatan: The namespace URI tidak digunakan oleh parser untuk mencari
informasi.
Tujuannya adalah untuk memberikan namespace nama yang unik. Namun,
seringkali perusahaan menggunakan namespace sebagai pointer ke halaman
web yang berisi informasi namespace.

Uniform Resource Identifier (URI)


Sebuah Uniform Resource Identifier (URI) adalah string karakter yang
mengidentifikasi sebuah Sumber Daya Internet.
Yang paling umum adalah URI Uniform Resource Locator (URL) yang
mengidentifikasi alamat domain Internet. , Bukan jenis lain begitu umum dari
URI adalah Nama Universal Resource (URN).
Dalam contoh kita, kita hanya akan menggunakan URL.

Ruang nama default


Mendefinisikan namespace default untuk elemen menyelamatkan kita dari
menggunakan prefiks di semua elemen anak.Ini memiliki sintaks berikut:
xmlns=" namespaceURI "
XML ini membawa informasi tabel HTML:
<table xmlns="http://www.w3.org/TR/html4/">
<tr>
<td>Apples</td>
<td>Bananas</td>
</tr>
</table>
XML ini membawa informasi tentang perabot:
<table xmlns="http://www.w3schools.com/furniture">
<name>African Coffee Table</name>
<width>80</width>

<length>120</length>
</table>

Namespaces Real Gunakan


XSLT adalah bahasa XML yang dapat digunakan untuk mengubah dokumen XML
menjadi format lain, seperti HTML.
Dalam dokumen XSLT bawah ini, Anda dapat melihat bahwa sebagian besar tag
adalah tag HTML.
Tag yang tidak tag HTML memiliki xsl awalan, yang diidentifikasi oleh xmlns
namespace: xsl = "http://www.w3.org/1999/XSL/Transform":
<?xml version="1.0" encoding="UTF-8 " ?>
<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>
<th style="text-align:left">Title</th>
<th style="text-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>

XML Encoding
Dokumen XML dapat berisi karakter internasional, seperti Norwegia,
atau EEE Perancis.
Untuk menghindari kesalahan, Anda harus menentukan encoding yang
digunakan, atau menyimpan file XML sebagai UTF-8.

Pengkodean karakter
Pengkodean karakter mendefinisikan kode biner yang unik untuk setiap karakter
yang berbeda yang digunakan dalam dokumen.
Dalam istilah komputer, pengkodean karakter juga disebut set karakter, peta
karakter, kode set, dan halaman kode.

The Unicode Consortium


The Unicode Consortium mengembangkan standar Unicode. Tujuan mereka
adalah untuk mengganti set karakter yang ada dengan Unicode Transformation
Format yang standar (UTF).
The Unicode Standard telah menjadi sukses dan diimplementasikan dalam
HTML, XML, Java, JavaScript, E-mail, ASP, PHP, dll Unicode standar juga
didukung dalam banyak sistem operasi dan semua browser modern.
The Unicode Consortium bekerja sama dengan organisasi-organisasi
pembangunan standar terkemuka, seperti ISO, W3C, dan ECMA.

The Unicode Character Set


Unicode dapat diterapkan oleh set karakter yang berbeda. Pengkodean yang
paling sering digunakan adalah UTF-8 dan UTF-16.
UTF-8 menggunakan 1 byte (8-bit) untuk mewakili karakter Latin dasar, dan
dua, tiga, atau empat byte untuk sisanya.

UTF-16 menggunakan 2 byte (16 bit) untuk sebagian besar karakter, dan empat
byte untuk sisanya.

UTF-8 = The Web Standar


UTF-8 adalah pengkodean karakter standar di web.
UTF-8 adalah pengkodean karakter default untuk HTML5, CSS, JavaScript, PHP,
SQL, dan XML.

XML Encoding
Garis pertama di dokumen XML disebut Prolog:
<?xml version="1.0"?>
Prolog adalah opsional. Biasanya mengandung nomor versi XML.
Hal ini juga dapat berisi informasi tentang pengkodean yang digunakan dalam
dokumen. Prolog ini menentukan UTF-8 encoding:
<?xml version="1.0" encoding="UTF-8 " ?>
XML menyatakan standar bahwa semua perangkat lunak XML harus memahami
kedua UTF-8 dan UTF-16.
UTF-8 adalah default untuk dokumen tanpa pengkodean informasi.
Selain itu, sebagian besar sistem software XML memahami pengkodean seperti
ISO-8859-1, Windows-1252, dan ASCII.

Kesalahan XML
Paling sering, dokumen XML yang dibuat pada satu komputer, upload ke server
pada komputer kedua, dan ditampilkan oleh browser pada komputer ketiga.
Jika pengkodean tidak benar ditafsirkan oleh semua tiga komputer, browser
akan menampilkan teks berarti, atau Anda mungkin mendapatkan pesan error.

Untuk dokumen XML berkualitas tinggi, UTF-8 encoding adalah yang terbaik
untuk digunakan. UTF-8 mencakup karakter internasional, dan juga default, jika
tidak ada encoding dinyatakan.

Kesimpulan
Ketika Anda menulis sebuah dokumen XML:

Menggunakan editor XML yang mendukung encoding


Pastikan Anda tahu apa pengkodean menggunakan Editor

Jelaskan pengkodean dalam pengkodean atribut

UTF-8 adalah pengkodean paling aman untuk digunakan

UTF-8 adalah standar web

File Melihat XML


File mentah XML dapat dilihat di semua browser utama.
Jangan berharap file XML yang akan ditampilkan sebagai halaman HTML.

File Melihat XML


<? Xml version = "1.0" encoding = "UTF-8"?>
- <Note>
<To> Tove </ ke>
<Dari> Jani </ dari>
<Judul> Reminder </ pos>
<Body> Jangan lupakan aku akhir pekan ini! </ Body>
</ Note>
Melihat file XML di atas di browser Anda: note.xml
Perhatikan bahwa dokumen XML akan ditampilkan dengan akar dan anak
elemen-kode warna. A plus (+) atau tanda minus (-) di sebelah kiri elemen bisa
diklik untuk membuka atau menutup struktur elemen. Untuk melihat sumber

XML mentah (tanpa + dan - tanda-tanda), pilih "View Page Source" atau "View
Source" dari menu browser.
Catatan: Dalam Safari, hanya teks elemen akan ditampilkan. Untuk melihat
XML mentah, Anda harus klik kanan halaman dan pilih "View Source".

Melihat XML file tidak valid


Jika file XML yang salah dibuka, beberapa browser melaporkan kesalahan, dan
beberapa hanya menampilkan salah.
Cobalah untuk membuka mengikuti file XML di Chrome, IE, Firefox, Opera, dan
Safari: note_error.xml .

Contoh XML lainnya


Melihat beberapa dokumen XML akan membantu Anda mendapatkan perasaan
XML:
Katalog XML CD
Ini adalah koleksi CD, disimpan sebagai XML.
Katalog tanaman XML
Ini adalah katalog tanaman dari tanaman toko, disimpan sebagai XML.
Menu sarapan XML
Ini adalah menu makanan sarapan dari restoran, disimpan sebagai XML.

Mengapa Apakah XML Tampilan Seperti


Ini?
Dokumen XML tidak membawa informasi tentang cara menampilkan data.
Karena tag XML yang "diciptakan" oleh penulis dokumen XML, browser tidak
tahu apakah tag seperti <table> menggambarkan sebuah tabel HTML atau
meja makan.

Tanpa informasi tentang bagaimana menampilkan data, kebanyakan browser


hanya akan menampilkan dokumen XML seperti itu.
Dalam bab-bab berikutnya, kita akan melihat bagaimana CSS, XSLT, dan
JavaScript dapat digunakan untuk memformat data XML dengan cara yang
berbeda.

Menampilkan XML dengan CSS


Dengan CSS (Cascading Style Sheets), Anda dapat menambahkan informasi
tampilan ke dokumen XML.

Menampilkan File XML dengan CSS?


Di bawah ini adalah contoh bagaimana menggunakan CSS untuk memformat
dokumen XML.
Kami akan menggunakan berikut XML file: Katalog CD
dengan stylesheet berikut: Berkas CSS
HASIL: Katalog CD diformat dengan file CSS
Di bawah ini adalah sebagian kecil dari file XML. Baris kedua link file XML ke file
CSS:
<?xml version="1.0" encoding="UTF-8 " ?>
<?xml-stylesheet type="text/css" href="cd_catalog.css"?>
<CATALOG>
<CD>
<TITLE>Empire Burlesque</TITLE>
<ARTIST>Bob Dylan</ARTIST>
<COUNTRY>USA</COUNTRY>
<COMPANY>Columbia</COMPANY>
<PRICE>10.90</PRICE>
<YEAR>1985</YEAR>
</CD>
<CD>
<TITLE>Hide your heart</TITLE>
<ARTIST>Bonnie Tyler</ARTIST>
<COUNTRY>UK</COUNTRY>
<COMPANY>CBS Records</COMPANY>
<PRICE>9.90</PRICE>

<YEAR>1988</YEAR>
</CD>
.
.
.
</CATALOG>
Memformat XML dengan CSS bukanlah metode yang paling umum.
W3C merekomendasikan menggunakan XSLT sebagai gantinya.

Jenis XML Dokumen


Sebuah dokumen XML dengan sintaks yang benar disebut "Well Dibentuk".
A "Hari" dokumen XML juga harus sesuai dengan definisi tipe dokumen.

Nah Dibentuk XML Dokumen


Sebuah dokumen XML dengan sintaks yang benar adalah "Yah Dibentuk".
Aturan sintaks yang dijelaskan dalam bab-bab sebelumnya:

Dokumen XML harus memiliki elemen root


Elemen XML harus memiliki tag penutup

Tag XML bersifat case sensitive

Elemen XML harus diulang dengan benar

Nilai XML atribut harus dikutip

<?xml version="1.0" encoding="UTF-8 " ?>


<note>
<to>Tove</to>
<from>Jani</from>
<heading>Reminder</heading>
<body>Don't forget me this weekend!</body>
</note>

Sebuah Validator XML

Untuk membantu Anda memeriksa sintaks file XML Anda, kami telah
menciptakan validator XML untuk sintaks memeriksa XML Anda.

Hari Dokumen XML


Sebuah dokumen "valid" XML tidak sama sebagai "terbentuk dengan baik"
dokumen XML.
A "valid" dokumen XML harus terbentuk dengan baik. Selain itu harus sesuai
dengan definisi tipe dokumen.
Aturan yang mendefinisikan unsur hukum dan atribut untuk dokumen XML yang
disebut Tipe Dokumen Definisi (DTD) atau XML Schemas.
Ada dua definisi jenis dokumen yang berbeda yang dapat digunakan dengan
XML:

DTD - asli Document Type Definition


XML Schema - Sebuah alternatif berbasis XML untuk DTD

Kapan Gunakan DTD / Schema?


Dengan DTD, kelompok independen orang dapat setuju untuk menggunakan
DTD standar untuk interchanging data.
Aplikasi Anda dapat menggunakan DTD standar untuk memverifikasi bahwa
data yang Anda terima dari dunia luar berlaku.
Anda juga dapat menggunakan DTD untuk memverifikasi data Anda sendiri.

Kapan TIDAK Gunakan DTD / Schema?


XML tidak memerlukan DTD / Schema.
Ketika Anda bereksperimen dengan XML, atau ketika Anda bekerja dengan file
XML kecil, menciptakan DTD mungkin membuang-buang waktu.

Jika Anda mengembangkan aplikasi, tunggu sampai spesifikasi stabil sebelum


Anda menambahkan definisi dokumen.Jika tidak, perangkat lunak Anda
mungkin berhenti bekerja karena kesalahan validasi.

XML Validator
Sebelumnya
Next Chapter

Gunakan validator XML untuk sintaks memeriksa XML Anda.

Kesalahan XML Akan Berhenti Anda


Kesalahan dalam dokumen XML akan menghentikan aplikasi XML Anda.
The W3C XML Spesifikasi menyatakan bahwa program harus berhenti
memproses dokumen XML jika menemukan kesalahan. Alasannya adalah bahwa
perangkat lunak XML harus kecil, cepat, dan kompatibel.
Browser HTML akan menampilkan dokumen HTML dengan kesalahan (seperti
tag akhir yang hilang).
Dengan XML, kesalahan tidak diperbolehkan.

Sintaks-Periksa XML Anda


Untuk membantu Anda sintaks-cek XML Anda, kami telah menciptakan validator
XML.
Tempel XML Anda ke dalam area teks di bawah ini, dan sintaks-cek dengan
mengklik "Validasi" tombol.

Sintaks-Periksa XML Berkas


Anda dapat sintaks-memeriksa file XML dengan mengetik URL dari file ke dalam
kolom input bawah, dan kemudian klik "Validasi" tombol

Jika Anda mendapatkan "Akses Ditolak" atau "Kesalahan Jaringan", itu karena browser A
mengizinkan akses file di seluruh domain.
File "note_error.xml" menunjukkan penanganan browser kesalahan Anda. Jika
Anda ingin melihat pesan kesalahan-bebas, menggantikan "note_error.xml"
dengan "cd_catalog.xml".

XML DTD
Sebuah dokumen XML dengan sintaks yang benar disebut "Well Dibentuk".
Sebuah dokumen XML divalidasi terhadap DTD "Well Dibentuk" dan "Hari".

Hari Dokumen XML


A "Hari" dokumen XML adalah "Yah Dibentuk" dokumen XML, yang juga sesuai
dengan aturan DTD:
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE note SYSTEM "Note.dtd">
<note>
<to>Tove</to>
<from>Jani</from>
<heading>Reminder</heading>
<body>Don't forget me this weekend!</body>
</note>
DOCTYPE deklarasi, dalam contoh di atas, adalah referensi ke file DTD
eksternal. Isi file tersebut ditampilkan dalam paragraf di bawah ini.

XML DTD
Tujuan dari DTD adalah untuk mendefinisikan struktur dokumen XML. Ini
mendefinisikan struktur dengan daftar elemen hukum:
<!DOCTYPE note
[
<!ELEMENT note (to,from,heading,body)>
<!ELEMENT to (#PCDATA)>
<!ELEMENT from (#PCDATA)>
<!ELEMENT heading (#PCDATA)>
<!ELEMENT body (#PCDATA)>
]>
DTD di atas ditafsirkan seperti ini:

! DOCTYPE catatan mendefinisikan bahwa elemen akar dokumen adalah


catatan
! ELEMEN catatan mendefinisikan bahwa elemen catatan harus
mengandung empat unsur: "ke, dari, menuju, tubuh"

! ELEMEN untuk mendefinisikan ke elemen menjadi tipe "# PCDATA"

! ELEMEN dari mendefinisikan dari unsur untuk menjadi tipe "# PCDATA"

! ELEMEN judul mendefinisikan elemen heading menjadi tipe "# PCDATA"

! ELEMEN tubuh mendefinisikan elemen body menjadi tipe "# PCDATA"

# PCDATA berarti data teks parse-bisa.

Menggunakan DTD untuk Deklarasi Badan


Sebuah deklarasi doctype juga dapat digunakan untuk menentukan karakter
khusus dan karakter string, yang digunakan dalam dokumen:

Contoh
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE note [
<!ENTITY nbsp "&#xA0;">

<!ENTITY writer "Writer: Donald Duck.">


<!ENTITY copyright "Copyright: W3Schools.">
]>
<note>
<to>Tove</to>
<from>Jani</from>
<heading>Reminder</heading>
<body>Don't forget me this weekend!</body>
<footer>&writer;&nbsp;&copyright;</footer>
</note>

XML Schema
XML Schema menggambarkan struktur dokumen XML, seperti DTD.
Sebuah dokumen XML dengan sintaks yang benar disebut "Well Dibentuk".
Sebuah dokumen XML divalidasi terhadap skema XML yang baik "Well
Dibentuk" dan "Hari".

XML Schema
XML Schema adalah alternatif berbasis XML untuk DTD:
<xs:element name="note">
<xs:complexType>
<xs:sequence>
<xs:element name="to" type="xs:string"/>
<xs:element name="from" type="xs:string"/>
<xs:element name="heading" type="xs:string"/>
<xs:element name="body" type="xs:string"/>
</xs:sequence>
</xs:complexType>
</xs:element>
Skema di atas ditafsirkan seperti ini:

<Xs: element name = "note"> mendefinisikan elemen yang disebut


"catatan"

<Xs: complexType> yang "catatan" elemen adalah jenis kompleks

<Xs: sequence> tipe kompleks adalah urutan elemen

<Xs: nama elemen = "untuk" type = "xs: string"> elemen "untuk" adalah
tipe string (teks)

<Xs: nama elemen = "dari" type = "xs: string"> elemen "dari" adalah
tipe string

<Xs: nama elemen = "judul" type = "xs: string"> elemen "judul" adalah
tipe string

<Xs: element name = "body" type = "xs: string"> elemen "body" adalah
tipe string

Semuanya dibungkus dalam "Well Dibentuk" XML.

XML Schemas yang Lebih Kuat dari DTD

Skema XML ditulis dalam XML


XML Schemas yang extensible untuk penambahan

Jenis dukungan data XML Schemas

Namespaces dukungan XML Schemas

Mengapa Gunakan XML Schema?


Dengan XML Schema, file XML Anda dapat membawa deskripsi format sendiri.
Dengan XML Schema, kelompok independen orang dapat menyepakati standar
untuk interchanging data.
Dengan XML Schema, Anda dapat memverifikasi data.

Jenis XML Schemas Data Dukungan

Salah satu kekuatan terbesar dari XML Schemas adalah dukungan untuk tipe
data:

Hal ini lebih mudah untuk menggambarkan isi dokumen


Lebih mudah untuk menentukan pembatasan pada data

Lebih mudah untuk memvalidasi kebenaran data

Lebih mudah untuk mengkonversi data antara berbagai jenis data

Skema XML menggunakan XML Sintaks


Kekuatan besar lainnya tentang XML Skema adalah bahwa mereka ditulis dalam
XML:

Anda tidak harus belajar bahasa baru


Anda dapat menggunakan editor XML Anda untuk mengedit file skema
Anda

Anda dapat menggunakan parser XML untuk mengurai file Skema Anda

Anda dapat memanipulasi Skema Anda dengan DOM XML

Anda dapat mengubah Skema Anda dengan XSLT

Jika Anda ingin mempelajari XML Schema, silakan baca kami

XMLHttpRequest Object
Sebelumnya
Next Chapter

XMLHttpRequest Object
Objek XMLHttpRequest digunakan untuk pertukaran data dengan server di
belakang layar.
Objek XMLHttpRequest adalah mimpi pengembang, karena Anda dapat:

Memperbarui halaman web tanpa reload halaman


Meminta data dari server setelah halaman telah dimuat

Menerima data dari server setelah halaman telah dimuat

Mengirim data ke server di latar belakang

Untuk mempelajari lebih lanjut tentang objek XMLHttpRequest, belajar


kami XML DOM tutorial .

XMLHttpRequest Contoh
Ketika Anda mengetik karakter dalam kolom input di bawah ini,
XMLHttpRequest dikirim ke server - dan nama saran dikembalikan (dari file di
server):

Contoh
Start typing a name in the input field below:
First name:
Suggestions:

Buat Object XMLHttpRequest


Semua browser modern (IE7 +, Firefox, Chrome, Safari, dan Opera) memiliki
objek built-in XMLHttpRequest.
Sintaks untuk membuat objek XMLHttpRequest:
xmlhttp=new XMLHttpRequest();
Dalam bab berikutnya, kita akan menggunakan objek XMLHttpRequest untuk
mengambil informasi XML dari server.

XML Parser

Semua browser modern memiliki built-in XML parser.


Parser XML mengkonversi dokumen XML menjadi objek XML DOM - yang
kemudian dapat dimanipulasi dengan JavaScript.

Mengurai Dokumen XML


Fragmen kode berikut mem-parsing dokumen XML menjadi objek XML DOM:
xmlhttp=new XMLHttpRequest();
xmlhttp.open("GET","books.xml",false);
xmlhttp.send();
xmlDoc=xmlhttp.responseXML;

Mengurai String XML


Fragmen kode berikut mem-parsing string XML menjadi objek XML DOM:
txt="<bookstore><book>";
txt=txt+"<title>Everyday Italian</title>";
txt=txt+"<author>Giada De Laurentiis</author>";
txt=txt+"<year>2005</year>";
txt=txt+"</book></bookstore>";
if (window.DOMParser)
{
parser=new DOMParser();
xmlDoc=parser.parseFromString(txt,"text/xml");
}
else // Internet Explorer
{
xmlDoc=new ActiveXObject("Microsoft.XMLDOM");
xmlDoc.async=false;
xmlDoc.loadXML(txt);
}
Catatan: Internet Explorer menggunakan metode loadXML () untuk mengurai
string XML, sedangkan browser lain menggunakan objek DOMParser.

Akses Di Domain
Untuk alasan keamanan, browser modern tidak mengizinkan akses di seluruh
domain.
Ini berarti, bahwa kedua halaman web dan file XML mencoba untuk memuat,
harus berada pada server yang sama.

XML DOM
Dalam bab berikutnya Anda akan belajar bagaimana untuk mengakses dan
mengambil data dari objek XML DOM.

XML DOM
Sebuah DOM (Document Object Model) mendefinisikan cara standar untuk
mengakses dan memanipulasi dokumen.

XML DOM
XML DOM mendefinisikan cara standar untuk mengakses dan memanipulasi
dokumen XML.
XML DOM memandang sebuah dokumen XML sebagai struktur pohon.
Semua elemen dapat diakses melalui pohon DOM. Konten mereka (teks dan
atribut) dapat diubah atau dihapus, dan unsur-unsur baru dapat dibuat. Unsurunsur, teks mereka, dan atribut mereka semua dikenal sebagai node.
Anda dapat mempelajari lebih lanjut tentang DOM XML di kami tutorial XML
DOM .

HTML DOM

HTML DOM mendefinisikan cara standar untuk mengakses dan memanipulasi


dokumen HTML.
Semua elemen HTML dapat diakses melalui HTML DOM.
Anda dapat mempelajari lebih lanjut tentang DOM HTML di kami tutorial
JavaScript .

Memuat XML File - Cross-browser Contoh


Contoh berikut mem-parsing dokumen XML (" note.xml ") menjadi objek XML
DOM dan kemudian ekstrak beberapa info dari itu dengan JavaScript:

Contoh
<html>
<body>
<h1>W3Schools Internal Note</h1>
<div>
<b>To:</b> <span id="to"></span><br />
<b>From:</b> <span id="from"></span><br />
<b>Message:</b> <span id="message"></span>
</div>
<script>
if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}
else
{// code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.open("GET","note.xml",false);
xmlhttp.send();
xmlDoc=xmlhttp.responseXML;
document.getElementById("to").innerHTML=
xmlDoc.getElementsByTagName("to")[0].childNodes[0].nodeValue;
document.getElementById("from").innerHTML=
xmlDoc.getElementsByTagName("from")[0].childNodes[0].nodeValue;
document.getElementById("message").innerHTML=
xmlDoc.getElementsByTagName("body")[0].childNodes[0].nodeValue;
</script>

</body>
</html>

Catatan Penting!
Untuk mengekstrak teks "Tove" dari <ke> elemen dalam file XML di atas
("note.xml"), sintaks adalah:
getElementsByTagName("to")[0].childNodes[0].nodeValue
Perhatikan bahwa bahkan jika file XML hanya SATU <untuk> elemen Anda
masih harus menentukan indeks array [0].Hal ini karena metode Buka menu ()
mengembalikan sebuah array.

Memuat XML String - Cross-browser Contoh


Contoh berikut mem-parsing string XML menjadi objek XML DOM dan kemudian
ekstrak beberapa info dari itu dengan JavaScript:

Contoh
<html>
<body>
<h1>W3Schools Internal Note</h1>
<div>
<b>To:</b> <span id="to"></span><br />
<b>From:</b> <span id="from"></span><br />
<b>Message:</b> <span id="message"></span>
</div>
<script>
txt="<note>";
txt=txt+"<to>Tove</to>";
txt=txt+"<from>Jani</from>";
txt=txt+"<heading>Reminder</heading>";
txt=txt+"<body>Don't forget me this weekend!</body>";
txt=txt+"</note>";
if (window.DOMParser)
{
parser=new DOMParser();

xmlDoc=parser.parseFromString(txt,"text/xml");
}
else // Internet Explorer
{
xmlDoc=new ActiveXObject("Microsoft.XMLDOM");
xmlDoc.async=false;
xmlDoc.loadXML(txt);
}
document.getElementById("to").innerHTML=
xmlDoc.getElementsByTagName("to")[0].childNodes[0].nodeValue;
document.getElementById("from").innerHTML=
xmlDoc.getElementsByTagName("from")[0].childNodes[0].nodeValue;
document.getElementById("message").innerHTML=
xmlDoc.getElementsByTagName("body")[0].childNodes[0].nodeValue;
</script>
</body>
</html>

XML di HTML
Data yang menampilkan XML dalam Tabel
HTML
Pada contoh berikut, kita membuka file XML yang disebut " cd_catalog.xml ".
Kami kemudian loop melalui setiap <CD> elemen, dan menampilkan nilai-nilai
dari <ARTIST> dan <TITLE> unsur-unsur dalam tabel HTML:

Contoh
<html>
<head>
<style>
table, th, td {
border: 1px solid black;
border-collapse:collapse;
}
th, td {
padding: 5px;
}
</style>

</head>
<body>
<script>
if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}
else
{// code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.open("GET","cd_catalog.xml",false);
xmlhttp.send();
xmlDoc=xmlhttp.responseXML;
document.write("<table><tr><th>Artist</th><th>Title</th></tr>");
var x=xmlDoc.getElementsByTagName("CD");
for (i=0;i<x.length;i++)
{
document.write("<tr><td>");
document.write(x[i].getElementsByTagName("ARTIST")
[0].childNodes[0].nodeValue);
document.write("</td><td>");
document.write(x[i].getElementsByTagName("TITLE")
[0].childNodes[0].nodeValue);
document.write("</td></tr>");
}
document.write("</table>");
</script>
</body>
</html>

Aplikasi XML
Bab ini menunjukkan beberapa aplikasi XML kecil yang dibangun di atas
XML, HTML, XML DOM dan JavaScript.

XML Dokumen Digunakan


Dalam aplikasi ini kita akan menggunakan "cd_catalog.xml" File.

Menampilkan CD Pertama dalam div


Elemen HTML
Contoh berikut mendapatkan data XML dari elemen CD pertama dan
menampilkannya dalam sebuah elemen HTML dengan id = "showCD". The
displayCD () fungsi dipanggil ketika halaman dibuka:

Contoh
x=xmlDoc.getElementsByTagName("CD");
i=0;
function displayCD()
{
artist=(x[i].getElementsByTagName("ARTIST")[0].childNodes[0].nodeValue);
title=(x[i].getElementsByTagName("TITLE")[0].childNodes[0].nodeValue);
year=(x[i].getElementsByTagName("YEAR")[0].childNodes[0].nodeValue);
txt="Artist: " + artist + "<br />Title: " + title + "<br />Year: "+ year;
document.getElementById("showCD").innerHTML=txt;
}

Arahkan Antara CD
Untuk menavigasi antara CD, dalam contoh di atas, tambahkan berikutnya ()
dan sebelumnya () function:

Contoh
function next()
{ // display the next CD, unless you are on the last CD
if (i<x.length-1)
{
i++;
displayCD();
}
}

function previous()
{ // displays the previous CD, unless you are on the first CD
if (i>0)
{
i--;
displayCD();
}
}

Anda mungkin juga menyukai