zoukankan html css js c++ java

xsl xml 以及树的编写（原创）

来公司这么长时间一直到现在一直在iaas项目中辗转。

利用xml的特性将数据独立出，达到UI和Db真正的分离。

1 了解知识：

1.xsl是xml的格式文件， xml是数据文件

2 调试方法：

　　1）在xsl内容中嵌套javascript从而简介调试查看xsl的中间结果，通过查看xsl+xml形成的结果htm

　　2）vs自带了一个功能强大的调试器，专门针对此用法如下：(不懂可以问msdn)

View Code

namespace 调试
{
    class Program
    {
        static void Main(string[] args)
        {

            XslCompiledTransform xslt = new XslCompiledTransform(true);//true 开启调试
            // load the style sheet.
            xslt.Load("demo.xsl");

            xslt.Transform("demo.xml", "demo.htm");
            Console.Read();
        }
    }
}

　　适当加断点，可跳进xsl中的循环调试，也可以变量监视。很好用。

2 Javascript结合xsl xml

xsl和xml你都有了，如何将格式套用入数据？

1 跨域加载xml

此时，倘若你想要的xml涉及跨域问题，那么在输出xml的服务器上必须加Header。Access-Control-Allow-Origin: * ！（因为此问题困然我两天）你才能访问到该xml，否则firfox下无法读取。因为ie下，设置interne选项中参数便可以访问！具体问google或者私密我。

加载文件如下：

View Code

//读取本地数据
function xmlGetResponse(_url) {
    if (window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, Safari
        xmlhttp = new XMLHttpRequest();
    }
    else {// code for IE6, IE5
        xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
    }
    xmlhttp.open("GET", _url, false);
    xmlhttp.send();
    return xmlhttp.responseXML;
//如果responseXML内无数据 可查看responeText核查
}

其中如果responseXML.xml='' &&responseText不为空。可将responseText转化为dom，返回是结果一样的。

View Code

 if (!xhttp.responseXML.xml) {
        //转化为dom
        try {
            if (window.ActiveXObject) {
                var xmlobject = new ActiveXObject("Microsoft.XMLDOM");
                xmlobject.async = "false";
                xmlobject.loadXML(xhttp.responseText);
                return xmlobject;
            }
            else {//firfox下特殊
                var parser = new DOMParser();
                var xmlobject = parser.parseFromString(xhttp.responseText, "text/xml");
                return xmlobject;
            }

        } catch (e) {
        }

2 加载xsl

加载方式同加载xml一样，xsl也是标签语言哦，成双成对的。

2 二者结合

用代码说话：

View Code

function xmlGetResponse(_urlxml, _urlxsl) {
    var xml = loadXMLDoc(_urlxml);//加载xml
    var xsl = loadXMLDoc( _urlxsl);//加载xsl
    if (window.ActiveXObject) { //ie
        ex = xml.transformNode(xsl);//结合，结果ex是形成的htm
    }
    else if (document.implementation && document.implementation.createDocument) {
 //其他浏览器如firfox
        xsltProcessor = new XSLTProcessor();
        xsltProcessor.importStylesheet(xsl);
        resultDocument = xsltProcessor.transformToFragment(xml, document);
        document.getElementById(id).appendChild(resultDocument);
//结合，结果resultDocument是形成的htm
    }
}