Javascript 使用getJSON动态更新HTML
我对HTML和Javascript都比较陌生,但在尝试创建动态页面时遇到了一个问题。我要通过每5秒从JSON数据库获取字符串来更新网页上的标签。我的代码如下所示: HTML:Javascript 使用getJSON动态更新HTML,javascript,html,css,json,plc,Javascript,Html,Css,Json,Plc,我对HTML和Javascript都比较陌生,但在尝试创建动态页面时遇到了一个问题。我要通过每5秒从JSON数据库获取字符串来更新网页上的标签。我的代码如下所示: HTML: <label id="tag1">0</label> $(document).ready(function(){ $.ajaxSetup({ cache: false }); setInterval(function() { $.getJSON("js/database.json"
<label id="tag1">0</label>
$(document).ready(function(){
$.ajaxSetup({ cache: false });
setInterval(function() {
$.getJSON("js/database.json",function(data){
if (data.tag1 == true) {
$('#tag1').text(data.tag1);
}
});
},5000);
});
{
"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' -->"
}
]
}
我把这部分放在所有块之后
JSON:
<label id="tag1">0</label>
$(document).ready(function(){
$.ajaxSetup({ cache: false });
setInterval(function() {
$.getJSON("js/database.json",function(data){
if (data.tag1 == true) {
$('#tag1').text(data.tag1);
}
});
},5000);
});
{
"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' -->"
}
]
}
{
“数据库”:[
{
“tag1”:”
},
{
“tag2”:”
},
{
“tag3”:”
},
{
“tag4”:”
},
{
“tag5”:”
},
{
“tag6”:”
}
]
}
有人知道可能是什么问题吗?该网页根本不更新id tag1
提前感谢。访问数据时出现的小错误。您需要签入
数据['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);
});
data.database.forEach(函数(条目){for(条目中的变量id){$(“#”+id).text(条目[id])})代码>我尝试添加您编写的行,但没有任何区别:/