javascript – 使用getJSON动态更新HTML

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 使用getJSON动态更新HTML，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1195字，纯文字阅读大概需要2分钟。

内容图文

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

先感谢您.

解决方法:

访问数据时出现小错误.您需要签入数据[‘数据库’]：

$(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全部内容，希望文章能够帮你解决javascript – 使用getJSON动态更新HTML所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端