7

我最近继承了一个巨大的 Web 应用程序，它是 JSP、Javascript 和 Java 的组合。它仅适用于 IE，因为它使用 xml 数据岛和其他阻止在其他浏览器上顺利运行的东西进行编码的方式。一切都很好，直到几天后，一些用户推出了 Windows 7 机器，其中 IE9/10 在应用程序中的一些 javascript 出现问题。例如，以下数据岛是我的 html 页面中的一个片段。

<xml id = "underlyingdata" ondatasetcomplete="window.dialogArguments.parent.repopulateDropDown(this, underlyingdd)">
</xml>
<xml id="termdata" ondatasetcomplete="window.dialogArguments.parent.repopulateDropDown(this, termdd)">
</xml>

在此页面上还有另一行代码

window.dialogArguments.parent.request(underlyingdata, "CONTRACT.LIST.WB", "PULP AND PAPER|" + instrumentdd.options[instrumentdd.selectedIndex].text);

调用如下函数

function request(xmldataisland, requestmethod, parameters
{       
    var screwcache=Math.round(Math.random()*10000);
    xmldataisland.value=null;
    xmldataisland.load("/webaccess/Request?sessionid=" + sessionid + "&request=" + requestmethod + "&parameters=" + parameters+"&screwcache="+screwcache);

}

这在 IE9/10 中失败，错误是“加载”不是“xmldataisland”对象上的有效方法（脚本 438 错误），而它在 IE 5 到 IE 8 上运行良好。

我相信上述函数中的 xmldataisland 对象属于 XMLDocument 类型。为什么加载方法失败？解决方法是什么？我从许多来源读到并听到，使用数据孤岛是一个糟糕的主意。在这种情况下，正确的选择是什么？

4

2 回答 2

10

从 IE10 开始，不再支持 XML 数据岛- 浏览器将它们解析为 HTML。Mozilla 开发者网络已经发表了一篇文章，它给出了 XML 数据孤岛的跨浏览器替代方案，即 HTML5“数据块”。文章演示了如果省略该属性并且该属性未指定可执行脚本类型，<script>则可以将元素用作数据块。您还必须确保嵌入的 XML 内容不包含标记。srctype</script>

来源：https ://developer.mozilla.org/en/docs/Using_XML_Data_Islands_in_Mozilla

这是他们给出的 HTML 示例...

<!DOCTYPE html>
<html>
<head>
<title>XML Data Block Demo</title>
<!-- this is the data block which contains the XML data -->
<script id="purchase-order" type="application/xml">
<purchaseOrder xmlns="http://example.mozilla.org/PurchaseOrderML">
  <lineItem>
    <name>Line Item 1</name>
    <price>1.25</price>
  </lineItem>
  <lineItem>
    <name>Line Item 2</name>
    <price>2.48</price>
  </lineItem>
</purchaseOrder>
</script>
<script>
function runDemo() {
  // the raw XML data can be retrieved using this...
  var orderSource = document.getElementById("purchase-order").textContent; 
  // the XML data can be parsed into a DOM tree using the DOMParser API...
  var parser = new DOMParser();
  var doc = parser.parseFromString(orderSource, "application/xml");
  var lineItems = doc.getElementsByTagNameNS("http://example.mozilla.org/PurchaseOrderML", "lineItem");
  var firstPrice = lineItems[0].getElementsByTagNameNS("http://example.mozilla.org/PurchaseOrderML", "price")[0].textContent;
  document.body.textContent = "The purchase order contains " + lineItems.length + " line items. The price of the first line item is " + firstPrice + ".";
}
</script>
</head>
<body onload="runDemo()";>
Demo did not run
</body>
</html>

您将需要编写自己的方法来将数据加载到该块中（可能使用jQuery.get或.load方法）。

希望有帮助！

于 2014-02-24T11:32:44.480 回答
3

在给出接受的答案 4.5 年后，可以使用 HTML5 进行更新。脚本标签不是必需的。HTML5 基于 XML 并允许您组成自己的标记名称。您可以为所有浏览器创建一个“xml 岛”，如下所示：

   <parms style="display:none;">
    <op>
       encrypt
    </op>
    <msg>
       Hello World!
    </msg>
  </parms>

并做这样的事情来使用它。

  var xml = document.querySelector("parms");
  var op = xml.querySelector("op").textContent;
  var msg = xml.querySelector("msg").textContent;

您还可以使用 div (display:none) 作为使用 XHR 获取的 XML 的容器。由于 HTML5 基于 XML，您可以从服务器返回具有 MIME 类型 text/XML 的 XML，并使用 .innerHTML 将其放入 div 中。

于 2018-09-24T11:51:01.807 回答