gpt4 book ai didi

javascript - 获取 JSON 文件

转载 作者:行者123 更新时间:2023-11-30 12:28:53 25 4
gpt4 key购买 nike

我想获取一个 json 文件 (Steam API) 并想在表格中显示排序的文件。我已经用一个按钮和一个列表试过了,但它不起作用。而且我不知道如何用 table 做到这一点。

<html>
<head>
<title>JSON</title>
</head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script type="text/javascript">
$("button").click( function() {
$.getJSON( "json_data.json", function(obj) {
$.each(obj, function(key, value) {
$("ul").append("<li>"+value.name+"</li>");
});
});
});;
</script>
<body>
<ul></ul>
<button>Refresh</button>
</body>
</html>

最佳答案

你的代码本身就很好!但是当你选择 $("button") ,浏览器实际上还没有处理 button标记本身,所以它在那个时候不存在,click事件未注册。

有两种解决方法:

  1. 移动<script>标签到 <body> 内的末尾标签,在这种情况下为 <button>将在解析脚本时存在。

  2. 您可以保留您的 <script>标记它所在的位置,但将整个脚本包装在 jQuery's $(document).ready() 中处理程序,当整个文档被解析并准备好阅读时执行其回调函数:

    <script type="text/javascript">
    $(document).ready(function() {
    $("button").click( function() {
    $.getJSON( "json_data.json", function(obj) {
    $.each(obj, function(key, value) {
    $("ul").append("<li>"+value.name+"</li>");
    });
    });
    });
    });
    </script>

关于javascript - 获取 JSON 文件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28362908/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com