Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/84.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用getJSON动态更新HTML_Javascript_Html_Css_Json_Plc - Fatal编程技术网

Javascript 使用getJSON动态更新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"

我对HTML和Javascript都比较陌生,但在尝试创建动态页面时遇到了一个问题。我要通过每5秒从JSON数据库获取字符串来更新网页上的标签。我的代码如下所示:

HTML:

<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])})我尝试添加您编写的行,但没有任何区别:/