从 API 获取 XML 值并将其显示在网页上

Take XML Value From API and Display It On Webpage

本文关键字：显示 网页 API 获取 XML      更新时间：2023-09-26

所以，这可能会激怒你们中的一些人，但我最近决定利用我对JavaScript的非常零散的知识来尝试做一些临时项目。我对 JavaScript 或任何其他面向对象的语言几乎没有经验，并且认为我可以将一些东西与在线教程和我在早期项目中学到的东西拼凑在一起。

基本上，使用此 api，我想获取"委托"值并将其显示在网页上。

这就是我到目前为止所拥有的，而且，正如您可能收集到的那样，它的效果不太好：

    <script language="JavaScript">
  var Connect = new XMLHttpRequest();
  Connect.open("GET", "https://www.nationstates.net/cgi-bin/api.cgi?region=pluviostan", false);
  Connect.setRequestHeader("Content-Type", "text/xml");
  Connect.send(null);
  var xmlDoc= Connect.responseXML;
  var Region= xmlDoc.childNodes[0];
  var Delegate= Region.getElementsByTagName("Delegate");
  document.write("<p></p>");
   document.write(Delegate[0].textContent.toString());
  }
</script>

就目前而言，什么都没有显示。我得到纳达。有人可以伸出援手吗？

我意识到，毫无疑问，这是一个

"在你能够走路之前试图跑步"的情况，但目前我没有时间主动尝试学习，反正我只想做一些非常具体的事情。不过请放心，一旦我有更多的时间，我会开始花时间学习如何正确编码，而不是将这些可怕的弗兰肯斯坦的东西拼凑在一起。

你可以为此使用 jQuery。 顺便说一句，Region.getElementsByTagName("Delegate");"委托" - 应该是大写的

$(function(){
  $.ajax({
    type: "GET",
    url: "http://www.nationstates.net/cgi-bin/api.cgi?region=Pluviostan&q=delegate",
    dataType: "xml",
    success: function(data){    
      var xml = $(data);
      var delegate  = xml.find("DELEGATE");
      $("#result").html(delegate.text()); 
    }
   });
});
  
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<p id="result">
</p>

相关文章：