Question

我想创建一个网页，其中要显示的某些值是通过在公开JSON文件的本地URL上进行GET获取的。在服务器端，我可以正确接收GET，但在网页上却从不显示检索到的值。

<div class="count" id="bo"></div>
<script>
$(document).ready(function getMqtt() {
    $.getJSON('http://192.168.1.159:8080/all',function (result) {
        document.getElementById("bo").innerHTML = result;
    });
});
</script>

Answer 1

这对我有用，可以通过xmlhttprequest获取json文件：

我用于json的URL是test.json，将其更改为从中获取json的URL。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>json retrieval test</title>
</head>
<body onload="init()">
Result: <span id="json_field"></span>
<script>
    function init() {

        let http = new XMLHttpRequest();

        http.open('GET', "test.json", true);

        http.setRequestHeader('Content-type', "application/json");

        http.onreadystatechange = function () {
            if (http.readyState === 4 && http.status === 200) {
                document.getElementById("json_field").innerHTML = http.responseText;
            }
        };
        http.send();
    }
</script>
</body>
</html>

Answer 2

尝试document.getElementById("bo").innerHTML = JSON.stringify(result)。如果这样不起作用，请尝试使其为result.toString()，因为它将把JSON对象呈现为字符串。

Answer 3

对不起，每个人都没有看到这是CORS问题。然后，我将要解决另一个问题。谢谢。

无法在HTML页面上显示getJson的结果

3 个答案: