使用AJAX将JSON数据转换为HTML

Question

我正在尝试使用Value =“ AUD”作为初始输入货币的价值。 我是JSON和AJAX的新手。 我无法弄清楚为什么存在与JSON.parse和XMLHttpRequest关联的404错误，对我要去哪里的任何建议将不胜感激。 提前致谢。

`enter code here`
<html lang="en">
    <head>
</head>
<body>
<div id ="forex-info">
<p id="currencyList" class="currencyList" value ="AUD">Australia</p>
    <p id="rateList" class="event"></p>
</div
<script type="text/javascript">
var tableContainer = document.getElementById("forex-info");
var ourRequest = new XMLHttpRequest();
var myData = "http://api.fixer.io/latest".rates;
ourRequest.open('GET', myData, true);
ourRequest.onload = function loading() {
    var ourData = JSON.parse(ourRequest.responseText);
    renderHTML(ourData);
    function renderHTML(data) {
        var output = "";
        for (var key in data)
        {
            output += "<p>" + key + output + "</p>"
        }
}
};
</script>
</body>

Answer 1

主要问题是如何调用api“ http://api.fixer.io/latest ” .rates您通过地址参数或查询参数来调用其余端点。

请参见下面的示例，该示例调用您的指定端点。 那应该让你开始

var myData = 'https://api.fixer.io/latest'

var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
    if (this.readyState == 4 && this.status == 200) {
            let res = JSON.parse(xhttp.responseText)
            Object.keys(res.rates).forEach((e)=>{
                console.log(`${e}: ${res.rates[e]}`)
                //Add your stuff here
            })
    }
};

xhttp.open("GET", myData, true);
xhttp.send();

使用AJAX将JSON数据转换为HTML

问题描述

1 个解决方案

解决方案1
0 已采纳 2017-04-09 17:24:38

使用AJAX将JSON数据转换为HTML

问题描述

1 个解决方案

解决方案1 0 已采纳 2017-04-09 17:24:38

解决方案1
0 已采纳 2017-04-09 17:24:38