javascript - 加载多个 json 文件并使用 ajax 和 jquery 将其显示到 html

Question

我正在尝试获取三个包含对象的不同 json 文件，并使用 jquery get 方法将它们加载到一个页面中。我需要抓取对象并使用 jquery 将所有三个对象显示到页面上。我在加载和显示这三个方面时遇到问题...感谢您的帮助。谢谢!

代码如下:

$(document).ready(function(){
$("button").click(function(){
    $.get("objectone.json", function(data){
        $('#mydiv').html((JSON.stringify(data)));
    });
    $.get("objectwo.json", function(data){
        $('#mydiv').html((JSON.stringify(data)));
    });
    $.get("objectthree.json", function(data){
        $('#mydiv').html((JSON.stringify(data)));
    });
  });
});

和 HTML:

<button type="button" name="button">Click Me</button>

<div id="mydiv">

</div>

Answer 1

.html 方法用您提供的 html 内容替换所选元素的所有内容。通过在同一元素上使用它三次，您可以将 所有 内容替换三次。

将 .html 替换为 .append，这会将新数据添加到所选元素内容的末尾。