php - 使用 jQuery 和 PHP 在 div 中循环显示 JSON 数据

Question

我使用 jQuery 和 JSON 从数据库获取数据

$("#openNotification").on('click', function(e)
{
    ID = "a";
    $.ajax(
    {
        url: "notificationDetail",
        type: "POST",
        data:
        {
            designationID: ID
        },
        dataType: "JSON",
        success: function (jsonStr)
        {
            $(".processingNotification").hide();

            var jSonLength = jsonStr.length;

            for (var i=0; i<jSonLength; i++)
            {
                var userAvatar = jsonStr[0].userAvatar;

                var newrow = "<div class='subNotification'><img src='assets/img/avatar/"+userAvatar+"'/></div>";


            }


            $(".opened_page").html(newrow);
        }
    });
});

HTML

<div class="opened_page"></div>

当我点击#openNotification时，我可以看到来自 PHP 的 json 数据

但是当我想将数据显示到 .opened_pa​​ge 时，它只显示 1 条数据。

Answer 1

您要替换为新值，代码应该是

var newrow = '';
for (var i=0; i<jSonLength; i++)
{
     var userAvatar = jsonStr[0].userAvatar;
     newrow += "<div class='subNotification'><img src='assets/img/avatar/"+userAvatar+"'/></div>";
}