gpt4 book ai didi

javascript - 使用 getJSON 动态更新 HTML

转载 作者:搜寻专家 更新时间:2023-10-31 08:28:13 26 4
gpt4 key购买 nike

我对 HTML 和 Javascript 都不熟悉,但在尝试创建动态页面时遇到了问题。我要通过每 5 秒从 JSON 数据库获取字符串来更新网页上的标签。我的代码看起来像这样:

HTML:

<label id="tag1">0</label>

Javascript:

$(document).ready(function(){
$.ajaxSetup({ cache: false });
setInterval(function() {
$.getJSON("js/database.json",function(data){
if (data.tag1 == true) {
$('#tag1').text(data.tag1);
}
});
},5000);
});

这部分我放在所有 block 之后<body>

JSON:

{
"database": [
{
"tag1": "<!-- AWP_In_Variable Name='\"database\".tag1' -->"
},
{
"tag2": "<!-- AWP_In_Variable Name='\"database\".tag2' -->"
},
{
"tag3": "<!-- AWP_In_Variable Name='\"database\".tag3' -->"
},
{
"tag4": "<!-- AWP_In_Variable Name='\"database\".tag4' -->"
},
{
"tag5": "<!-- AWP_In_Variable Name='\"database\".tag5' -->"
},
{
"tag6": "<!-- AWP_In_Variable Name='\"database\".tag6' -->"
}
]
}

有谁知道可能是什么问题?该网页根本不更新 id tag1。

提前谢谢你。

最佳答案

访问数据时的小错误。您需要检查 data['database']:

$(document).ready(function(){
$.ajaxSetup({ cache: false });
setInterval(function() {
$.getJSON("js/database.json",function(data){
data = data['database']; // You need to check in the first one!
if (data.tag1 == true) {
$('#tag1').text(data.tag1);
}
});
}, 5000);
});

关于javascript - 使用 getJSON 动态更新 HTML,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30864234/

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