E4X Example

E4X makes scripting for XML very simple.

E4X Example

As an example, we will work with an XML document that represents an order.

The XML document looks like this:

<order>
<date>2005-08-01</date>
<customer>
  <firstname>John</firstname>
  <lastname>Johnson</lastname>
</customer>
<item>
  <name>Maxilaku</name>
  <qty>5</qty>
  <price>155.00</price>
</item>
</order>

If we had this XML document stored in a string called txt, we could load it into an XML object variable called order, by writing the following JavaScript statement:

var order = new XML(txt)

Or we could assign the XML text directly to the XML object variable:

var order = new XML()

order=<order id="555">
<date>2005-08-01</date>
<customer>
  <firstname>John</firstname>
  <lastname>Johnson</lastname>
</customer>
<item>
  <name>Maxilaku</name>
  <qty>5</qty>
  <price>155.00</price>
</item>
</order>

Working With the Data

Calculate the price:

var total=order.item.qty * order.item.price

Display the customers full name:

document.write(order.customer.lastname)
document.write(",")
document.write(order.customer.firstname)

Add a new item:

order.item+=
<item>
  <name>Pavlova</name>
  <qty>10</qty>
  <price>128.00</price>
</item>

Display the order id:

document.write(order.@id)

Calculate the total price, when the order has many items:

var price=0
for each (i in order.item)
  {
  price+= i.qty*i.price
  }

Jump to: Top of Page or HOME or Printer friendly page

W3Schools provides material for training only. We do not warrant the correctness of its contents. The risk from using it lies entirely with the user. While using this site, you agree to have read and accepted our terms of use and privacy policy.

Copyright 1999-2008 by Refsnes Data. All Rights Reserved.

W3Schools was converted to XHTML in December 1999