Javascript jqueryappend不显示div

我正在尝试使用ajax和PHP创建简单的聊天。从现在起，当我试图在HTML中显示它时遇到了一个问题

 [
    {"id_chat":1,"username":"admin","message":"ae","createddate":"2016-07-25"},
    {"id_chat":2,"username":"admin","message":"aeaee","createddate":"2016-07-25"}
 ]

这是我的剧本

function buka_pesan()
    {
        var username = '<?=$this->input->cookie('cookie_webstore_user')?>';
        $.ajax({
            url: '<?=base_url();?>chat/show_chat',
             success: function(data) {
                $.each(data.data, function(k, v) {
                    $(".direct_add").append("<div class='direct-chat-msg right'> " +
                        "<div class='direct-chat-info clearfix'>" +
                            "<span class='direct-chat-name pull-left'>" + data.username + "</span>" +
                            "<span class='direct-chat-timestamp pull-right'>" + data.createddate + "</span>" +
                        "</div>" +
                        "<div class='direct-chat-text'> "+
                                data.message+
                         "</div>"+
                    "</div>");
                });
             }
        });
    }   


    $(window).load(function() {
    buka_pesan();
    var username = '<?=$this->input->cookie('cookie_webstore_user')?>';
    $("#send_msg").click(function(){

        if($("#pesannya").val() == '')
        {
            alert('Isi pesannya dulu kak');
        }else
        {

            $.ajax({
                 url: '<?=base_url();?>chat/savechat',
                 data: {pesannya:$("#pesannya").val()},
                 type: 'POST',
                 dataType: 'JSON',
                  success: function(data) {
                        buka_pesan();
                     }
                });
        }
            }); 

});

函数buka_pesan（）
{
var用户名=“”；
$.ajax({
url:“聊天/显示聊天”，
成功：功能（数据）{
$.each（数据、数据、函数（k、v）{
$（“.direct_add”）.append（“）+
"" +
“”+data.username+“”+
“”+data.createddate+“”+
"" +
" "+
data.message+
""+
"");
});
}
});
}   
$（窗口）。加载（函数（）{
buka_pesan（）；
var用户名=“”；
$（“#发送消息”）。单击（函数（）{
如果（$（“#pesannya”）.val（）=''）
{
警报（“Isi pesannya dulu kak”）；
}否则
{
$.ajax({
url:'chat/savechat'，
数据：{pesannya:$（“#pesannya”）.val（），
键入：“POST”，
数据类型：“JSON”，
成功：功能（数据）{
buka_pesan（）；
}
});
}
}); 
});

这是我的表格

<div class="direct-chat-messages">
                    <div class="direct_add"> </div>
                 <div class="box-footer">
                  <form action="#" id="form_id" method="post">
                   <div class="col-sm-5"> <div class="input-group">
                      <input type="text" id="pesannya"  name="pesan" class="form-control">
                          <span class="input-group-btn">
                            <button type="button" id="send_msg" onclick="buka_pesan();" class="btn btn-warning btn-flat">Send</button>
                          </span>
                    </div>
                    </div>
                  </form>
                </div>
                <!-- /.box-footer-->
              </div>

发送

---

所以，我想展示一下最近的聊天。但是没有帮助。在上面的脚本中，我只能看到提交按钮。有什么解决方案吗？

用

v

$.each(data, function(k, v) {
    $(".direct_add").append("<div class='direct-chat-msg right'> " +
      "<div class='direct-chat-info clearfix'>" +
      "<span class='direct-chat-name pull-left'>" + v.username + "</span>" +
      "<span class='direct-chat-timestamp pull-right'>" + v.createddate + "</span>" +
      "</div>" +
      "<div class='direct-chat-text'> " +
      v.message +
      "</div>" +
      "</div>");
  });

$。每个（数据、函数（k、v）{
$（“.direct_add”）.append（“）+
"" +
“”+v.username+“”+
“”+v.createddate+“”+
"" +
" " +
v、 信息+
"" +
"");
});

为什么要执行两个ajax调用？第一个ajax用于显示最近的消息，第二个用于保存消息为什么不在页面加载时加载最近的消息？我不知道为什么要这样做。我还是看不到最近的聊天你的ajax调用正常吗，你有任何控制台错误吗？从buka pesan我得到这个：

[{“id_聊天”：1，“用户名”：“admin”，“message”：“1”，“createddate”：“2016-07-25”}，{“id_聊天”：2，“用户名”：“admin”，“message”：“2”，“createddate”：“2016-07-25”}，{“id_聊天”：3，“username”：“管理员”，“消息”：“3”，“创建日期”：“2016-07-25”}，{“id_chat”：4，“用户名”：“管理员”，“消息”：“4”，“创建日期”：“2016-07-25”}，{“id_chat”：5，“用户名”：“管理员”，“消息”：“ae”，“创建日期”：“2016-07-25”}]

。我使用firebug。我看不到任何错误。我认为您的数据没有数据属性将

数据更改为
数据。数据
更改为
数据
仅我需要做什么？我应该更改ajax结果吗？