469,934 Members | 2,648 Online
Bytes | Developer Community
New Post

Home Posts Topics Members FAQ

Post your question to a community of 469,934 developers. It's quick & easy.

Can AJAX dealing with XSLT instead DOM?

RC
Let's say:

if (XMLHttpRequestObject.readyState == 4 &&
XMLHttpRequestObject.status == 200)
{
// Now I got an XML object here
var xmlDocument = XMLHttpRequestObject.responseXML;
// next I have dealing with XML file tags used DOM.
var options = xmlDocument.getElementsByTagNameNS(null,"myXMLTag" );
doMyFunctionWithHTMLDOM(options);
}

The problem is DOM requires you are an excellent JavaScript programmer
to deal with firstChild, lastChild, nextSibling, etc.
And 2nd problem is different browsers will have different results.
Sometime work in Firefox/Netscape, but not work in IE, etc.

In my XML file has a line
<?xml-stylesheet type="text/xsl" href="myXSLTFile.xsl" ?>

I would like use a very simple XSLT file do the work, no DOM programming
deal with those "children".
So back to my question, How to use AJAX to deal with XSLT instead deal
with DOM?
Thank you very much in advance!

Here is an example of XML and XSLT files, they are working fine.

------------XML----------------------------------------
<?xml version="1.0" encoding="UTF-8" standalone="no" ?>
<?xml-stylesheet type="text/xsl" href="test1.xsl" ?>

<states>
<state_code>NY</state_code>
<state_code>NJ</state_code>
<state_code>NM</state_code>
<state_code>NC</state_code>
<state_code>NH</state_code>
</states>

------------XSLT-----------------------------------------------
<xsl:stylesheet xmlns:xsl="http://www.w3.org/1999/XSL/Transform"
version="1.0">
<xsl:output method="html" />

<xsl:template match="states">
<form>
<select>
<xsl:apply-templates select="state_code" />
</select>
</form>
</xsl:template>

<xsl:template match="state_code">
<option value="{text()}">
<xsl:value-of select="text()" />
</option>
</xsl:template>

</xsl:stylesheet>
Nov 14 '06 #1
3 1478
RC wrote:
// Now I got an XML object here
var xmlDocument = XMLHttpRequestObject.responseXML;
The problem is DOM requires you are an excellent JavaScript programmer
to deal with firstChild, lastChild, nextSibling, etc.
Your pure (or core) JavaScript skills don't matter much to manipulate
the DOM, you need to know the document object model and the differences
in the browser implementations.
And 2nd problem is different browsers will have different results.
Sometime work in Firefox/Netscape, but not work in IE, etc.

In my XML file has a line
<?xml-stylesheet type="text/xsl" href="myXSLTFile.xsl" ?>

I would like use a very simple XSLT file do the work, no DOM programming
deal with those "children".
So back to my question, How to use AJAX to deal with XSLT instead deal
with DOM?
I don't think you gain much by moving to XSLT as you still need script
to run the transformation and as the differences in XSLT processor APIs
are worse than the DOM differences. And finally you need to insert the
result of the XSLT transformation into the HTML DOM document.

Mozilla's XSLT processor API is documented here:
<http://developer.mozilla.org/en/docs/Using_the_Mozilla_JavaScript_interface_to_XSL_Tran sformations>
Opera 9 supports the same API.

IE 6 and later use MSXML 3 to support XSLT 1.0, there are different APIs
you can use with MSXML (e.g. transformNode, transformNodeToObject, and
an XSLT processor API to set parameters).

Opera 8 does not support client side XSLT 1.0. Nor do IE 5 and 5.5
unless MSXML 3 is installed in addition to IE.

Safari/Konqueror I think support client-side XSLT but have no API
exposed to JavaScript.
--

Martin Honnen
http://JavaScript.FAQTs.com/
Nov 14 '06 #2
RC schrieb:
The problem is DOM requires you are an excellent JavaScript programmer
Take a look at the http://jquery.com/ lib. Very handy.
I would like use a very simple XSLT file do the work, no DOM programming
deal with those "children".
Why not apply the XSLT on the server side before sending it to the client?

-Thomas
Nov 14 '06 #3
RC wrote:
Let's say:

if (XMLHttpRequestObject.readyState == 4 &&
XMLHttpRequestObject.status == 200)
{
// Now I got an XML object here
var xmlDocument = XMLHttpRequestObject.responseXML;
// next I have dealing with XML file tags used DOM.
var options = xmlDocument.getElementsByTagNameNS(null,"myXMLTag" );
doMyFunctionWithHTMLDOM(options);
}

The problem is DOM requires you are an excellent JavaScript programmer
to deal with firstChild, lastChild, nextSibling, etc.
That doesn't require extensive Javascript knowledge. It does require
knowledge of the DOM--which isn't more complex than XSLT and XPATH.
Besides that, you have to use Javascript to apply the XSLT
transformation anyway, as well as to accomplish whatever update of the
current page needs to occur after the transformation is complete. *That*
requires you to program with the HTML DOM--and if you know how to do
that, then you pretty much know how to use the pertinent features of the
XML DOM too.
Nov 14 '06 #4

This discussion thread is closed

Replies have been disabled for this discussion.

Similar topics

reply views Thread by Adam Retter | last post: by
6 posts views Thread by arfinmail | last post: by
1 post views Thread by Sonu Kapoor | last post: by
4 posts views Thread by Iain | last post: by
1 post views Thread by JWHIT | last post: by
8 posts views Thread by Jason | last post: by
7 posts views Thread by Paulo | last post: by
By using this site, you agree to our Privacy Policy and Terms of Use.