无法在HTML上显示JSON数据

时间:2019-03-11 16:36:36

标签: javascript html json

我试图在HTML上的文件“ question.json”中随机显示数据,但不知何故。我开始学习JavaScript,但仍然不知道如何解决。这是我的代码:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Answer Something</title>
    <script>
        $.getJSON('question.json', function(data){
            console.log(data)
            let questionList = data[Math.floor(Math.random()* data.length)];
            let display = document.getElementById('question');
            display.innerHTML = questionList;
        });
    </script>
</head>
<body>
    <nav>
        <a href="/ask">Quick Ask</a>
        <a href="/answers">Quick Answers</a>  
    </nav>
    <h1 id="question"></h1>
    <div>
        <button>Sai/Không/Trái</button>
        <button>Đúng/Có/Phải</button>
    </div><br>

    <div>
        <button>Kết quả vote</button>
        <button>Câu hỏi khác</button>
    </div>
</body>
</html>

0 个答案:

没有答案