如何解析在线json数据并将其显示在表格中然后进行排序

Question

我已经从链接中获取了json数据，并使其成为了表格，但现在我想按名称，类型，重量，生日对其进行排序。 我怎样才能做到这一点？ 我可以使用任何现有资源吗？

<div id="id01"></div>
<script>
    $.ajax({
        url: "https://tasks.inlogik.com/devtest/animals",
        dataType: 'jsonp',
        data: '',
        jsonp: 'callback',
        success: function (arr) {
            var out = "<table>";
            out += "<tr><td>"+"Name"+"</td><td>"+"Type"+"</td><td>"+"Weight"+"</td><td>"+"Birthday"+"</td><td>"+"Horns?"+"</td><td>"+"Action";
            for (var i in arr) {
                out += "<tr><td>" +
                    arr[i].name +
                    "</td><td>" +
                    arr[i].type +
                    "</td><td>" +
                    arr[i].weight +
                    "</td><td>" +
                    arr[i].birthday+
                    "</td><td>" +
                    arr[i].hasHorns +
                    "</td><td>" +
                    "Details" +
                    "</td><tr>";
            }

            out += "</table>";

            document.getElementById("id01").innerHTML = out;
        },
        error: function (jqXHR, textStatus, ex) {
            alert(textStatus + "," + ex + "," + jqXHR.responseText);
        }
    });
</script>

Answer 1

问题是

XMLHttpRequest无法加载您的https://tasks.inlogik.com/devtest/animals 。 所请求的资源上没有“ Access-Control-Allow-Origin”标头。 因此，不允许访问“来源”。

一个XMLHttpRequest到与您的页面所在的域不同的域。 因此，由于安全原因，浏览器通常会阻止来自同一来源的请求，因此阻止了它。 当您想进行跨域请求时，需要做一些不同的事情。 引用此链接

标记我是否对您有帮助