Question

我试图建立一个以JSON格式显示网址数据的网站。我试过了

<div class="jumbotron">
    <h1>
        <script>
            $(document).ready(function() {
                $.getJSON('https://some-url.com', function(data) {
                    document.write(data.attribute);
                });
            });
        </script>
    </h1>
    <p class="lead">subtitle</p>
</div>

但是它取代了整个网站，而不是简单地替换h1标签中的文本。

目前，我正在尝试使用

<div class="jumbotron">
    <h1 id="replace-this"> text </h1>
        <script>
            $(document).ready(function() {
                $.getJSON('https://some-url.com', function(data) {
                    var thing = data.attribute;
                    document.getElementById("demo").innerHTML = JSON.stringify(thing);
                });
            });
        </script>
    <p class="lead">subtitle</p>
</div>

但保留文本并且不输出JSON数据。

Answer 1

这是一个功能齐全的示例，您的第二个示例很好，您只需要使用demo更改replace-this。

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="jumbotron">
  <h1 id="replace-this"> text </h1>
  <script>
    $(document).ready(function() {
      $.getJSON('https://jsonplaceholder.typicode.com/posts', function(data) {
        var thing = data; // in your case it's data.attribute
        document.getElementById("replace-this").innerHTML = JSON.stringify(thing, null, 4);
      });
    });
  </script>
  <p class="lead">subtitle</p>
</div>

＆＃13;

以HTML格式输出JSON数据

1 个答案: