Question

您好我的聊天应用程序的javascript上有一个工作脚本但是我注意到我的控制台上只有当我使用.append()时我的json结果返回为1单个结果所以我切换到.text()它还返回了我的json结果，但这次只从我的数据库中检索到1个对话..我想要的是检索所有内容，就像在.append上一样，但每个都是单独显示的这是我到目前为止： $（“＃user-list”）。find（“a”）。on（“click”，function（e）{ $（ “跆拳道”。）淡入（300）。 e.preventDefault（）; var uid = $（this）.data（'uid'）; $（'。wtf #rid'）。val（uid）;

          var rid = $('#rid').val(),
              user = $('#usernas').val(),
              suid = $('#uid').val(),
              data = {chat: suid, rid: rid, name: user};
        $.ajax({
              url: "includes/uid-chats.php",
              type: "GET",
              data: data,
              dataType: 'json',

           }).done( function(result){

           $.each(result, function(rowKey, row) {
           $(".media-heading").text( row.username );
           $("p").text( row.message_content );
            });
      });

         });

我之所以不想继续使用.append()是因为聊天加载了样式<li> ...有关如何解决问题的任何建议？

0
    Object { msgid="2014041412", message_content="asdsaf", username="ab.cd", more...}

1
    Object { msgid="2014041412", message_content="asdfff", username="ab.cd", more...}

2
    Object { msgid="2014041412", message_content="a", username="ab.cd", more...}

这就是萤火虫在JSON标签下给我的东西至少九个结果我只是贴了几个来缩短它

在我的主页面上只显示

ab.cd

CCC

仅

Answer 1

试试这个小提琴..

http://jsfiddle.net/madhust/Aa65D/

因为我按照json长度创建了li并动态地附加到ul。

Answer 2

您正在迭代对象并在每次迭代时覆盖相同元素的文本值。尝试类似的事情：

$.each(result, function(rowKey, row) {

       var newEl = $('<div><h2 class="media-heading"></h2><p></p></div>');
       $(newEl.find('.media-heading')[0]).text(row.username);
       $(newEl.find("p")[0]).text( row.message_content );
       $('body').append($(newEl));

});

显示我的json结果，但它只返回数据库中的1个结果

2 个答案: