问XHR、XPath和自定义本地XML模式
EN

Stack Overflow用户

提问于 2015-06-14 12:22:28

回答 1查看 227关注 0票数 0

虽然在(X)HTML5 (例如SVGs)中使用XML扩展是有可能的，但使用XPaths解析XHTML5文档(用自定义的本地XSD进行扩展)却会产生意想不到的结果。

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<html xmlns:hp="http://homepage.org/homepage" 
      hp:schemaLocation="http://homepage.org ./schemas/homepage.xsd">
  <head>
    ...
  </head>
  <body>
    <hp:homepage title="Homepage">
    <header>
      <h1></h1>
    </header>
    ...

使用通常的NSResolver逻辑会导致命名空间错误：

  var hpResolver = document.createNSResolver( document.ownerDocument == null ? document.documentElement : document.ownerDocument.documentElement);

并且创建自定义处理程序不会导致错误，但是XPath仍然没有返回预期的结果：

  var hpResolver = function (prefix) {
    if (prefix === 'hp') {
      return 'http://homepage.org/homepage';
    } else {
      return null;
    }
  };

XSD是与其他文件一起提供的，并且正在本地文件系统上进行测试，而不是在服务器上进行测试。

XPath查询如下：

  var path = '/html/body/hp:homepage/header/h1';
  var headTitle = document.evaluate(path, document, hpResolver, XPathResult.FIRST_ORDERED_NODE_TYPE, null).singleNodeValue;

以上示例都是简单地作为示例编写的。

<?xml version="1.0"?>
<xs:schema xmlns:xs="http://www.w3.org/2001/XMLSchema"
           targetNamespace="http://homepage.org/homepage"
           xmlns="http://homepage.org/homepage"
           elementFormDefault="qualified">

  <xs:element name="homepage">
    <xs:complexType>
      <xs:sequence>
        <xs:attribute name="title" type="xs:string" use="required" />
      </xs:sequence>
    </xs:complexType>
  </xs:element>

</xs:schema>

xmlhttprequest

javascript

xml

html

xpath

回答 1

Stack Overflow用户

回答已采纳

发布于 2015-06-15 00:48:12

我认为模式根本不重要，因为浏览器没有模式支持的验证解析器。重要的是名称空间，如果要使用自定义元素和名称空间，则需要确保正确使用XHTML5，确保元素位于命名空间中，确保将文档作为application/xhtml+xml提供服务(只有这样，理解名称空间的浏览器才会解析文档，不支持命名空间的HTML5解析器才会解析text/html解析器)。

基于此，我创建了示例http://home.arcor.de/martin.honnen/html/test2015061502.xhtml，其中包含以下代码

<?xml version="1.0" encoding="UTF-8"?>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>XMLHttpRequest and DOM Level 3 XPath API test with 'application/xhtml+xml' document</title>
<script type="text/javascript"><![CDATA[
function test() {
  var req = new XMLHttpRequest();
  req.open('GET', 'test2015061501.xhtml', true);
  req.onload = function() {
    var doc = req.responseXML;
    var res = function(prefix) {
      if (prefix === 'xhtml') {
        return 'http://www.w3.org/1999/xhtml';
      }
      else if (prefix === 'hp') {
        return 'http://example.com/hp';
      }
      else {
        return null;
      }
    }
    var path = '/xhtml:html/xhtml:body/hp:homepage/xhtml:header/xhtml:h1';
    var val = doc.evaluate(path, doc, res, XPathResult.FIRST_ORDERED_NODE_TYPE, null).singleNodeValue;
    document.body.insertAdjacentHTML('beforeEnd', '<p>Found ' + val + '</p>');
  };
  req.send();
}

window.onload = test;
]]></script>
</head>
<body>
<h1>XMLHttpRequest and DOM Level 3 XPath API test with 'application/xhtml+xml' document</h1>
</body>
</html>

并加载http://home.arcor.de/martin.honnen/html/test2015061501.xhtml，其中在XHTML命名空间中包含元素，在自定义命名空间中加载元素：

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:hp="http://example.com/hp" 
      hp:schemaLocation="http://example.com/hp ./schemas/homepage.xsd">
  <head>
    ...
  </head>
  <body>
    <hp:homepage title="Homepage">
      <header>
        <h1>I am a heading</h1>
      </header>
    </hp:homepage>
  </body>
</html>

第一个文档中的XPath 1.0表达式是/xhtml:html/xhtml:body/hp:homepage/xhtml:header/xhtml:h1，可以找到/xhtml:html/xhtml:body/hp:homepage/xhtml:header/xhtml:h1 h1 HTMLHeadingElement元素，这两个元素都是使用Firefox38和Chrome43。

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/30834128

复制

XML 的 XPath 语法

其他

2018-06-24 11:43

walterlv

2018/09/18

1.1K0

XML&Xpath解析