Question

我正在编写一个小型Web应用程序来向我的用户显示邮件服务器设置。他们输入他们的电子邮件地址，提交表格，它应该返回正确的设置。

我使用的工具是用于UI的XML + XSL，以及用于处理数据检索的jQuery。最初，我的应用程序没有上下文，因此XML数据不可用。我只是加载一个链接到我的XSL样式表的基本XML文档，向用户显示表单。

<?xml version="1.0" encoding="utf-8" ?>
<?xml-stylesheet type="text/xsl" href="mail-settings.xsl" ?>
<Autodiscover xmlns="http://schemas.microsoft.com/exchange/autodiscover/responseschema/2006">
    <Response xmlns="http://schemas.microsoft.com/exchange/autodiscover/outlook/responseschema/2006a">
        <Account/>
    </Response>
</Autodiscover>

提交表单时，jQuery ajax调用将帐户设置作为XML提取。收到回复后我想要做的是更新当前文档以包含帐户信息，然后让XSL样式表更新页面。

$.ajax({
    type: "POST",
    url: "https://myfooserver.com/maildata.xml", //actually points to a wsgi app that returns XML
    data: xml_request,
    dataType: "xml",
    async: false,
    success: function(account_data){
        $( "Account" ).replaceWith(account_data);
    },  
    error: function (request, status, error){
        alert("Error handler request.responseText: " + request.responseText);
    }   
});

但是正如我发现的那样，在我修改DOM之后，没有什么能够“刷新”XSL转换。

我想到的其他选项包括：

在$ .ajax调用之后，我可以解析返回的XML并手动发出HTML表行（yuck），而不是依赖于XSLT。
执行没有Ajax的POST并使用包含的帐户数据获取转换后的XML

我希望有一些方法可以在客户端动态更新XML以显示设置，就像HTML使用XML + XSLT一样。有关让我的首选解决方案起作用的想法吗？

Answer 1

你看过MagicXML了吗？该库在＆＃34; MIT License＆＃34;下发布，相关部分使用javascript XSLT处理：

    xslt = new XSLTProcessor();
    xslt.importStylesheet(xsl); //NOTE: this is a string with XML

    // If we have a parameters array, set the values in the XSLT.
    if (parameters !== undefined) {
        for (i; i &lt; parameters.length; i++) {
            parameter = parameters[i];
            xslt.setParameter(
                (parameter.xmlns !== undefined) ? parameter.xmlns : null, 
                parameter.name,
                parameter.value
            );
        }
    }
    return xslt.transformToFragment(xml, document); // NOTE: xml is a string

和

    template = new ActiveXObject("MSXML2.XSLTemplate.6.0");

    template.stylesheet = xsl; // NOTE: a string with XSLT
    processor = template.createProcessor();
    processor.input = xml; // NOTE: a string with XML

    // If we have a parameters array, set the values in the XSLT.
    if (parameters !== undefined) {
        for (i; i < parameters.length; i++) {
            parameter = parameters[i];
            processor.addParameter(
                parameter.name, 
                parameter.value,
                parameter.xmlns
            );
        }
    }

    processor.transform();
    return processor.output;

免责声明：我自己没有使用过这个库。

使用jQuery更新XML Doc并执行XSLT

1 个答案: