通过从Java Servlet检索一些信息，使用Ajax更新SVG文件

Question

我已经编写了一个Java Servlet来检索SVG图像。 此Servlet的内容类型为CONTENT_TYPE = "image/svg+xml";

这个特定的servlet被作为内联框架集成到一个更大的（ADF11g）应用程序中。 如果您习惯了JSP，则代码应该看起来很熟悉：

    <af:inlineFrame source="servlet?Filename=TestSVG1&amp;width=1024&amp;height=1024"                            
                    inlineStyle="width
                    :#{session.graphSVGWidth}px; height:#{session.graphSVGHeight}px; border: none">
    </af:inlineFrame>

该SVG包含一个动态弹出窗口，该弹出窗口允许用户通过Ajax调用向服务器发送信息，从而与图片进行交互。

例如，这是SVG正在使用的JavaScript的一部分：

function loadXMLDocPOST(params) {
    var xmlhttp = getXmlHttp();
    xmlhttp.open("POST", 'servlet', true);

    xmlhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
    xmlhttp.setRequestHeader("Content-length", params.length);
    xmlhttp.setRequestHeader("Connection", "close");
    xmlhttp.onreadystatechange = function () {
        if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
            /* Do something here */   
        }
        else {
            //alert('xmlhttp.status_r2=' + xmlhttp.status);
        }
    }
    xmlhttp.send(params);
}

function editAction(Filename, Name){
    loadXMLDocPOST(...)
}

Ajax调用成功，但是问题是，当我从SVG触发了一些操作之后，我想更新内联框架中包含的图片（ /* Do something here */ ）

那么，如何从SVG内部重新渲染SVG :)？ 问题在于innerHTML在SVG中不起作用。 document.write()也不起作用。 那么您有什么建议吗？

Answer 1

您可以使用parent.XXX来访问包含该svg的HTML文档的全局变量和函数。

这样，svg可以与其包含的html文档进行交互。

例如：

parent.document.write() 

在svg中工作！