dongsuiying7773
2017-03-17 06:44
浏览 93
已采纳

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

I am using jQuery and JSON to get data from database

$("#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>

When I click #openNotification I can see the jSon data from PHP

enter image description here

But when I want to display the data to .opened_page it only show 1 data.

图片转代码服务由CSDN问答提供 功能建议

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

  $（“＃openNotification”）。on（'click'，function（e）
 {
 ID =“a”; 
 $ .ajax（
 {
 url：“notificationDetail”，
 type  ：“POST”，
 data：
 {
 namesID：ID 
}，
 dataType：“JSON”，
 success：function（jsonStr）
 {
 $（“。processingNotification”）。  hide（）; 
 
 var jSonLength = jsonStr.length; 
 
 for（var i = 0; i＆lt; jSonLength; i ++）
 {
 var userAvatar = jsonStr [0] .userAvatar; 
 \  n var newrow =“＆lt; div class ='subNotification'＆gt;＆lt; img src ='assets / img / avatar /”+ userAvatar +“'/＆gt;＆lt; / div＆gt;”; 
 
 
} \  n 
 
 $（“。opened_pa​​ge”）。html（newrow）; 
} 
}）; 
}）; 
   
 
 
 HTML <  / p> 
 
 
 ＆lt; div class =“opened_pa​​ge”＆gt;＆lt; / div＆gt; 
   
 
 
点击 #openNotificati 在我可以看到来自PHP的jSon数据 
 
 
     
 
 
但是当我 想要将数据显示到 .opened_pa​​ge 它只显示1个数据。
  • 写回答
  • 好问题 提建议
  • 追加酬金
  • 关注问题
  • 邀请回答

2条回答 默认 最新

  • dongzuo4666 2017-03-17 06:47
    最佳回答

    you are replacing with new value, code should be 

    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>";
}
    评论
    解决 无用
    打赏 举报
查看更多回答(1条)

报告相同问题？

提交

相关推荐 更多相似问题