使用 HTML 和 JS 通过 URL 访问 XML 文件

Question

我正在创建一个依赖于托管在单独域中的 XML 文件数据的网站。简而言之，如果托管在 HTTP://example.com/test.XML 上的 XML 文件中的某个元素从 true 更改为 false，我希望我的域中的 HTML 文件的元素发生更改。如果 XML 与我的 HTML 文件位于同一目录中，我可以实现这一点，但我无法找到解决它位于不同域的问题的方法。

我曾尝试使用 jquery，但我不确定我做错了什么。我试过的代码如下：

$(document).ready(function(){
  var myXML = ""
  var request = new XMLHttpRequest();
  request.open("GET", "http://example.com/test.XML", true);
  request.onreadystatechange = function(){
      if (request.readyState == 4) {
          if (request.status == 200 || request.status == 0) {
              myXML = request.responseXML;
          }
      }
  }
  request.send();
  document.getElementById("test").innerHTML = new XMLSerializer().serializeToString(myXML.documentElement);
});

请提供帮助，并提前感谢您的宝贵时间！

Answer 1

尝试使用不是最近的 fetch api。

$(document).ready(function(){
  var myXML = ""
  fetch("http://example.com/test.XML")
  .then( response => response.text()  )
  .then( response => {
    //response is a string containing xml...
    document.getElementById("test").innerHTML = response
  })
  .catch( console.error )
  ;
});

我觉得你不需要序列化xml，你应该可以直接把它...但不确定