javascript - 从在线文件中获取Json文档数据

Question

因为我是 json 的新手，你们能帮帮我吗？我的数据文件位于此网址 - http://www.thedailystar.net/json/category
现在我想以以下格式显示它:

<ul id="smenu">
    <li></li>
</ul>

那么，如何获取从url中获取数据的请求并运行一个循环打印出来呢？我试过这段代码，但什么也没发生。提前致谢:)

var xmlhttp = new XMLHttpRequest();
var url = "http://www.thedailystar.net/json/category";

xmlhttp.onreadystatechange = function() {
    if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
        var myArr = JSON.parse(xmlhttp.responseText);
        myFunction(myArr);
    }
}
xmlhttp.open("GET", url, true);
xmlhttp.send();

function myFunction(arr) {
    var out = "";
    var i;
    for (i = 0; i < arr.length; i++) {
        out += '<li href="' + arr[i].name + '">' +
            arr[i].display + '</li><br>';
    }
    document.getElementById("smenu").innerHTML = out;
}

Answer 1

如果您的 JavaScript 没有在 thedailystar.net 域上运行，这将是一个跨域请求。如果是这种情况，您将需要在资源服务器 ( http://www.thedailystar.net/json/category) 上启用 CORS。

大多数时候，要启用 CORS，服务器需要在其响应中返回以下 header :

Access-Control-Allow-Origin: *

有关 CORS 的更多信息:http://enable-cors.org/server.html