我的问题是关于在使用 xsl 的客户端上呈现。这已经在 IE 中工作了,但我想让它在 Firefox 上工作
一、样式表(variablexsl.xsl) 这里唯一特别的是存在
<xsl:variable name="module" select="string('RES')"/>
<?xml version="1.0" encoding="UTF-8" ?>
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
<xsl:template match="/">
<xsl:variable name="module" select="string('RES')"/>
<table cellpadding="0" cellspacing="0" border="0" ID="randomID">
<tr>
<xsl:choose>
<xsl:when test="$module = 'EDU'">
<td>EDU was supplied..</td>
</xsl:when>
</xsl:choose>
</tr>
<tr>
<xsl:choose>
<xsl:when test="$module = 'RES'">
<td>RES was supplied..</td>
</xsl:when>
</xsl:choose>
</tr>
</table>
</xsl:template>
</xsl:stylesheet>
现在,html 文件 index.html
<html>
<head>
<script>
function selectmTab(args) {
var xml = loadXMLDoc("variabledata.xml"); //ajax call and holds the responseXML. variabledata.xml is empty
var xsl = loadXMLDoc("variablexsl.xsl"); //ajax call and holds the responseXML
var ss2 = xsl.selectSingleNode('//xsl:variable/@select');
ss2.value = "string('" + args + "')";
document.getElementById("xsltest").innerHTML = xml.transformNode(xsl);
}
</script>
</head>
<body onload="displayResult()">
<div>
<input type="button" value="EDU" onclick="selectmTab('EDU');" />
<input type="button" value="RES" onclick="selectmTab('RES');" />
</div>
<div id="xsltest"></div>
</body>
</html>
所以最后当我点击 EDU 和 RES 按钮时,文本在 IE 中正确显示,但在任何其他浏览器中都没有。我尝试使用 document.evaluate() 但不断收到错误.. 最后转向 SO 寻求帮助!
谢谢!
解决方案: 对样式表进行以下更改,然后使用 xsltprocessor().setParameter 为我工作。
对样式表的更改:(在样式表声明之后添加一个新的 xsl:param)
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
<xsl:param name="winnersOnly">RES</xsl:param>
然后修改<xsl:variable>
声明<xsl:template match="/">
如下:
<xsl:template match="/">
<xsl:variable name="module" select="$winnersOnly"/>
火狐客户端代码
//function loadXMLDoc()
使用XMLHttpRequest
对象发出 ajax 请求,并返回responseXML
给调用者。
var processor = new XSLTProcessor();
xslholder = loadXMLDoc("styles.xsl");
processor.importStylesheet(xslholder);
processor.setParameter(null, "winnersOnly", "EDU"); //setting the value here
xmlholder = loadXMLDoc("data.xml");
var ownerDocument = document.implementation.createDocument("", "test", null);
var newFragment = processor.transformToFragment(xmlholder, ownerDocument);
document.getElementById("fragment").appendChild(newFragment);