javascript - jQuery:仅显示新的 JSON 数据，使用自己的段落标记进行迭代

Question

仅显示 JSON 数据的新更新，使用 jQuery/javascript 在其自己的段落标记中迭代每个值项。

如果数组中的每一项都在info中 key 已经在其自己的 <p> 中输出标签; 不要继续循环，而是等到有新项目出现。

这是我的 JSON:

{
  "info": [
    "Hello world,",
    "how are you doin?",
    "Its not going to well for me unfortunately."
  ]
}

使用这个 jQuery 脚本:

function updatelog() {
 $.getJSON("/static/_info",
  function(data) {
   $.each(data, function(key, item) {
    var value = "";
    var i;
    for (i = 0; i < item.length; i++) {
     value += item[i];
     $("div").add('<p>' + value + '</p>').appendTo(document.body);
    }
   });
  });
}
var interval = window.setInterval(updatelog, 2000);

有了这个，我得到了所有的项目，但它并没有停止迭代。我在网上搜索了这么多，以至于我的回车键已经失去了所有拯救的希望。我想这很简单，但我是初学者，也不是 JavaScript 编码员，我已经准备好努力了。提前致谢。

Answer 1

您可以获取所有 p 元素的文本并将其推送到新数组，然后检查它是否包含来自您的对象的值

var data = JSON.parse('{"info":["Hello world,","how are you doin?","Its not going to well for me unfortunately."]}'),
  pText = [];

$('p').each(function() {
  pText.push($(this).text());
});

data.info.forEach(function(el) {
  if (!pText.includes(el)) {
    $('body').append('<p>' + el + '</p>');
  }
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<p>Hello world,</p>