XML/XSL transform using Javascript/JQuery

Question

Can anyone tell me if there is a way to do an XML/XSLT transformation on the client side using Javascript or JQuery, a way that works in all major browsers? (Chrome, Safari, Firefox and IE)? Thanks.

Maybe this: stackoverflow.com/questions/9847395/…

rene
– rene

2013-02-20 19:50:56 +00:00
Commented Feb 20, 2013 at 19:50 — rene
– rene, Commented Feb 20, 2013 at 19:50
or this: stackoverflow.com/questions/5722410/…

Shai Aharoni
– Shai Aharoni

2013-02-20 19:52:52 +00:00
Commented Feb 20, 2013 at 19:52 — Shai Aharoni
– Shai Aharoni, Commented Feb 20, 2013 at 19:52

Tom Davies · Accepted Answer · 2013-10-18 23:26:19Z

6

I should state from the start that I wrote this script, but if you're looking to just do some transformations and pass some parameters to your XSLT (nothing too fancy) then you can try Magic XML.

You can also have it automatically pull in your data and apply transformations by setting some data- attributes on your DOM elements. For example...

<div data-xml="example.xml" data-xslt="transform.xslt"></div>

...would automatically pull in data from example.xml and apply the transform.xslt to it.

It works in Opera, Chrome, Firefox and IE and is open source.

edited Oct 18, 2013 at 23:26

answered May 1, 2013 at 23:15

Tom Davies

8997 silver badges20 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

tzot Over a year ago

The MagicXML URL seems to be non-responsive, and I believe it is hosted by you juddging from the domain name. I'm interested in the library.

Tom Davies Over a year ago

Hey tzot, sorry about that! Updated the URL now, should be good to go.

Alexis Wilke Over a year ago

Which version of XSLT do we end up with? Is it 1.0 or 2.0?

yan bellavance Over a year ago

magic xml is just a wrapper around "client side example" found in w3c. It wont fix any upcoming problems. I am wondering if I can reimplement the node-set function using wgx.

Ian Roberts · Accepted Answer · 2013-02-23 09:50:44Z

4

Have you considered Saxon CE? It used to require a commercial licence for deployment but the latest version has been released as open source.

edited Feb 23, 2013 at 9:50

answered Feb 21, 2013 at 16:58

Ian Roberts

123k17 gold badges177 silver badges191 bronze badges

3 Comments

pgfearo Over a year ago

Coincidentally, the open source Saxon-CE 1.1 release was announced on the same day as this answer: Saxon-CE 1.1

Ian Roberts Over a year ago

@pgfearo thanks for the heads up, I've edited the answer accordingly.

yan bellavance Over a year ago

awesome! the doc is great too!

Jeromy French · Accepted Answer · 2017-03-23 20:17:04Z

1

There's a client side example.

edited Mar 23, 2017 at 20:17

Jeromy French

12.1k19 gold badges79 silver badges136 bronze badges

answered Feb 20, 2013 at 20:31

John

4,4732 gold badges17 silver badges25 bronze badges

3 Comments

yan bellavance Over a year ago

does not work when xsl stylesheet contains node-set in edgeHTML 14

John Over a year ago

@yanbellavance Yes, browsers have moved on a bit since that article was written

John Over a year ago

@MarkKCowan Missed your comment when you first posted it, but it only uses MSXML when it detects IE

C. M. Sperberg-McQueen · Accepted Answer · 2013-02-21 16:46:26Z

0

I've had reasonably good experiences with Sarissa. The transformation interface supported by some XForms engines is also a convenient way to manage transformations in the client.

answered Feb 21, 2013 at 16:46

C. M. Sperberg-McQueen

25.2k6 gold badges42 silver badges65 bronze badges

Collectives™ on Stack Overflow

XML/XSL transform using Javascript/JQuery

4 Answers 4

4 Comments

3 Comments

3 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

4 Comments

3 Comments

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related