【问题标题】:Print JSON Data in HTML one after the other一个接一个地以 HTML 格式打印 JSON 数据
【发布时间】:2018-08-10 18:59:30
【问题描述】:

我有一个包含 260 个条目的 JSON 文件,我想在我的 HTML 页面中一个接一个地显示每个条目 5 秒钟。这可能吗?

这个sn -p 打印所有json数据

    $.getJSON( "myJSON.js", function( json ) {
     .....
 });

谢谢!

我的 Json 文件如下所示:

[{
                "city": "Los Angeles",
                "name": "Smith"
}, {
                "city": "Las Vegas",
                "name": "Kevin"
}]

【问题讨论】:

  • 您能否提供有关将要显示的数据的更多详细信息?
  • 扩展@Rafid 的评论,您是否已经知道如何显示 JSON?你的数据结构目前是什么样子的,它是一个 json 数组吗?
  • 你的问题有点含糊。但是要回答你的问题:Is that possible?,答案是:Yes!
  • @TomosWilliams 在我的帖子中看到我的编辑

标签: javascript jquery html json


【解决方案1】:

使用 setInterval 每 5 秒显示不同的条目。

【讨论】:

    【解决方案2】:

    以下逻辑应该对您有所帮助:

    var json = {"abc":"123", "def":"456"};
    m = 0;
    setInterval(function(){
        if(m >= Object.keys(json).length) {
            return false;
        }
        key = Object.keys(json)[m];
        item = json[Object.keys(json)[m]];
        console.log(key+' '+item);
        m = m+1;
    }, 5000);

    【讨论】:

    • 我认为这对我有帮助,但我进入控制台 0 [object Object]... 43 [object Object] 我应该在哪里定义我的键?
    • json 是一个数组,因此不需要 Object.keys。
    • @sokolata - 我已经编辑了我的回复。运行代码并检查。这应该对您有所帮助。
    • @PramodKumar 这正在工作并显示定义的值,但我需要来自我的 JSON - 文件的值。
    猜你喜欢
    • 2016-06-13
    • 1970-01-01
    • 1970-01-01
    • 2020-12-03
    • 1970-01-01
    • 1970-01-01
    • 2017-01-10
    • 1970-01-01
    • 2013-10-25
    相关资源
    最近更新 更多