javascript - 无法从 XML 文件中获取数据

Question

当我尝试通过 D3JS 从 xml 文件获取数据时遇到问题。当我使用来自 d3js 的命令时，我无法匹配来自 xml 文件的任何数据。
以下是我的问题的详细信息:
1.命令d3。
2. 结果。
3.包含我的xml文件。

d3.xml('files/d3.xml').then(function(data){
alert(JSON.stringify(data));
});

和结果:

{"location":null}

这是我的 d3.xml 文件:

<?xml version="1.0" encoding="utf-8"?>
<data>
  <row>
    <loc>https://tuyetson.vn</loc>
    <priority>1.0</priority>
    <changefreq>daily</changefreq>
    <lastmod>2019-12-01</lastmod>
  </row>
  <row>
    <loc>https://tuyetson.vn/linh-vuc/linh-kien-may-in</loc>
    <priority>0.9</priority>
    <changefreq>daily</changefreq>
    <lastmod>2019-12-01</lastmod>
  </row>
  </data>

我希望有一个人可以帮助我。
非常感谢你!

Answer 1

你看到的结果没有任何问题，顺便说一下和D3没有关系。

内部，d3.xml用途 DOMParser 解析 XML，创建一个 Document .在这里，使用您的 XML:

const xml = `<?xml version="1.0" encoding="utf-8"?>
<data>
  <row>
    <loc>https://tuyetson.vn</loc>
    <priority>1.0</priority>
    <changefreq>daily</changefreq>
    <lastmod>2019-12-01</lastmod>
  </row>
  <row>
    <loc>https://tuyetson.vn/linh-vuc/linh-kien-may-in</loc>
    <priority>0.9</priority>
    <changefreq>daily</changefreq>
    <lastmod>2019-12-01</lastmod>
  </row>
  </data>`;

const data = (new DOMParser).parseFromString(xml, "image/svg+xml");

console.log(data);

(看看浏览器的控制台，而不是代码片段)

然后，您尝试使用 JSON.stringify使用文档，这显然行不通:

const xml = `<?xml version="1.0" encoding="utf-8"?>
<data>
  <row>
    <loc>https://tuyetson.vn</loc>
    <priority>1.0</priority>
    <changefreq>daily</changefreq>
    <lastmod>2019-12-01</lastmod>
  </row>
  <row>
    <loc>https://tuyetson.vn/linh-vuc/linh-kien-may-in</loc>
    <priority>0.9</priority>
    <changefreq>daily</changefreq>
    <lastmod>2019-12-01</lastmod>
  </row>
  </data>`;

const data = (new DOMParser).parseFromString(xml, "image/svg+xml");

console.log(JSON.stringify(data)) 

如果您(无论出于何种原因)想要对 DOM 树进行字符串化，您不能直接将其传递给 JSON.stringify .