YYW'S BLOG

知识的分享就是知识的获得
  博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理

搞了半天的 XML+XSLT 在 Firefox 下不显示的问题

Posted on 2007-04-18 14:33  阿武  阅读(3341)  评论(6编辑  收藏  举报

    因为现在的项目用到 Ajax,服务器端返回 XML 到前台,然后通过 XSLT 转换成 HTML,这个组合的运用也有几个月了,一直没出现什么大的问题,或者说莫名其妙的问题,不过今天就遇到这么一个怪问题,XML 返回一个简单的元素标签,通过 XLST 解析把标签的内容显示出来,当然其中涉及到更多的业务逻辑,不过我现在把跟问题相关的部分提取出来,假设返回的 XML 文件内容如下:

<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/xsl" href="1.xslt"?>
<root>
    
<message>测试测试测试</message>
</root>


    相关的 XSLT 文件内容如下(根据上面的 XML 保存成文件名为 1.xslt):


<?xml version="1.0" encoding="UTF-8"?>
<xsl:stylesheet version="2.0"
    xmlns:xsl
="http://www.w3.org/1999/XSL/Transform"
    xmlns:xs
="http://www.w3.org/2001/XMLSchema"
    xmlns:fn
="http://www.w3.org/2005/xpath-functions">
    
<xsl:template match="root">
        
<xsl:value-of select="message"/>
    
</xsl:template>        
</xsl:stylesheet>

    就是这么简单的一段文本,压根儿就不知道哪里会有问题,但在 IE 下可以正常显示 message 标签中的文本,放到 Firefox 下就死活读取不到内容,在页面上通过如下 JS 获取最终转换成的 HTML,但也只能取到空值:

function getHtml(xmlText, xsltFile){
    
var text;
        
    
if(typeof(window.ActiveXObject) != 'undefined'){
        
// 支持IE浏览器
        try{
            
var xmlDoc=new ActiveXObject("Msxml2.DOMDocument.3.0");
            xslDoc 
= new ActiveXObject("Msxml2.DOMDocument.3.0");
            xmlDoc.async
=false;
            xslDoc.async 
= false;  
            xmlDoc.loadXML(xmlText);                    
            xslDoc.load(xsltFile);
            text 
= xmlDoc.documentElement.transformNode(xslDoc.documentElement);
        }
catch(e){
            
if (isDebug) alert(e.name + "" + e.message);
            alert(
"Unable to do xml/xsl processing");
            alert(e.name 
+ "" + e.message);            
        }
        
    }
else if(document.implementation && document.implementation.createDocument){  
        
// 支持Mozilla浏览器
      try {
      
// 在Firefox的XML DOM实现中,并没有loadXML()方法,不过通过Firefox中的DOMParser类可以模拟loadXML()的行为
        var oParser = new DOMParser();
        
var xmlDoc = oParser.parseFromString(xmlText,"text/xml");        
         xslDoc 
= document.implementation.createDocument(""""null);
         xslDoc.async 
= false;  
         xslDoc.load(xsltFile);     
       
         
// 定义XSLTProcessor对象
       var xsltProcessor = new XSLTProcessor();
       xsltProcessor.importStylesheet(xslDoc);
        
// transformToDocument方式
        var result = xsltProcessor.transformToDocument(xmlDoc);
        
var xmls = new XMLSerializer();
        text 
= xmls.serializeToString(result);
       
      }
      
catch(e)  {
           
if (isDebug) alert(e.name + "" + e.message);
           alert(
"Unable to do xml/xsl processing");           
      }

     }    
    
    
return text;
}

    不过问题终于在休息了一个中午后被解决了,原来是需要在 <xsl:value-of select="message"/> 两边加上一个标签对这样才能在 Firefox 中被正常显示出来,如 <span><xsl:value-of select="message"/></span>,这问题似乎来得有点不合常理,因为纯文件本来在 Firefox 本来就可以正常被显示出来的,为什么在这里就不行呢?

    注:文中用到的 IE 为 IE 6.0 版本,Firefox 为 Firefox 2.0 版本