以XML值从API并将其显示在页面

问题描述：

所以，这可能会激怒你几个（很多），但最近我决定用我的JavaScript的非常零散知识，尝试做一些与休闲项目。我几乎没有使用JavaScript或任何其他面向对象语言的经验，并且认为我可以用在线教程和我在早期项目中工作的东西来拼凑一些东西。以XML值从API并将其显示在页面

基本上，使用this 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>

以XML值从API并将其显示在页面

相关推荐