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。因此浏览器会阻止它，因为出于安全原因，它通常允许同一来源的请求。当您想要执行跨域请求时，您需要做一些不同的事情。 Refer this Link

标记我如果这对你有帮助

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

1 个答案: