jquery append not showing div

Question

我正在嘗試創建與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(); 
        } 
       }); 
     } 
      }); 

}); 

，這裏是我的形式

<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> 

所以，我想表明近期的聊天。但沒有幫助。與我的腳本上面這是我只能看到提交按鈕。任何解決方案

Answer 1

變化data與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>"); 
    });