Question

我对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。

提前谢谢。

Answer 1

访问数据时出现小错误。您需要签入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

1 个答案: