如何使用jQuery循环JSON数组?

时间:2017-01-20 06:28:32

标签: javascript jquery html json

首先,这是我正在尝试的代码,我想每秒检查一次这个JSON并单独附加每条新消息,而不是刷新整个HTML。

$.getJSON("alpha.json", function(json) {
    $.each(json,function(i, value){
       if (value.info.user == "<?php echo $user; ?>") {
          $("#messages").append("<div class='message sent'><p>" + value.message + "</p></div>");
       } else {
          $("#messages").append("<div class='message from'><p>" + value.message + "</p></div>");
       }
    });
});

JSON结构是

[
 {"info": {"user":"username"},"message":"1"},
 {"info": {"user":"username2"},"message":"2"},
 {"info": {"user":"username"},"message":"3"}
]

我正试图在PHP中尽可能地循环,但它没有显示任何内容?如果我删除if语句,它会显示所有消息,但这不是理想的,因为它需要样式。

假设我的$user是“用户名”,上面的json会显示此HTML

<div id="messages">
  <div class="message sent">
     <p>1</p>
  </div>
  <div class="message from">
     <p>2</p>
  </div>
  <div class="message sent">
     <p>3</p>
  </div>
</div>

编辑:现在消息显示需要被引号括起来。

0 个答案:

没有答案