使用getJSON動態更新HTML
[英]Dynamically update HTML with getJSON
問題描述
我對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);
});
這部分我把所有塊<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。
先感謝您。
1 個解決方案
解決方案1
3 2015-06-16 09:57:32
訪問數據時出現小錯誤。 您需要簽入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);
});
通過單擊按鈕用getJSON動態替換HTML
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.