时间戳

首页 > 解决方案 > Jquery 不显示 JSON 数据

javascript - Jquery 不显示 JSON 数据

问题描述

我正在学习 JSON，但无法显示来自端点的数据。这第一段代码对我来说很好用。

<!DOCTYPE html>
<html lang="en">
<head>
    <script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
</head>

<body>
    <div class="mypanel"></div>

    <script>
    $.getJSON('http://time.jsontest.com', function(data) {
        
        var text = `Date: ${data.date}<br>
                    Time: ${data.time}<br>
                    Unix time: ${data.milliseconds_since_epoch}`
                    
        
        $(".mypanel").html(text);
    });
    </script>
</body>
</html>

将脚本更改为此端点不会显示任何数据。我怎样才能显示这些数据？

<script>
    $.getJSON('https://www.halowaypoint.com/en-us/games/halo-the-master-chief-collection/xbox-one/game-history?gamertags=ice%20cold%20bepsi&gameVariant=all&view=DataOnly', function(data) {
        var text = `Gamertag: ${data[0].Gamertag}`
                    
        $(".mypanel").html(text);
    });
</script>

标签： javascriptjqueryjson

解决方案

调查一下，您似乎需要进行身份验证才能获取此数据。如果没有返回 json，则回调将不会运行。这就是为什么如果你在回调中放任何东西，即使console.log("HERE")，它也不会到达它。

如果要进行身份验证，则需要执行 ajax 请求。 无论如何$.getJSON只是一个包装。$.ajax

推荐阅读