Javascript 如何在html div中显示JSON数据

这是我的JSON字符串：

[[{"name":"Pepe Pinedo"},{"message":"something"},{"datein":"2015-07-01 11:12:34"}],[{"name":"Pepe Pinedo"},{"message":"something"},{"datein":"2015-07-01 11:14:30"}]]

这是我的js代码

$.post(url, function( data ) { //fire ajax post request
    alert("Got messages: " + data); //                         
    /*$.each(data, function(index,e){
        content += e.name + ':'+ e.message +'<br>';
        $("#chatbox").append(content);
    });*/    
});

---

任何帮助都将不胜感激

首先，您的数据结构将更有意义，如下所示：

[
  { "name": "Rildo", "message": "something", "date": "2015-07-01 11:12:34" },
  { "name": "Rildo", "message": "something", "date": "2015-07-01 11:14:30" }
]

为此，您可以稍微修改一下PHP：

$messages = $this->person_model->get_msg();

foreach ($messages as $i => $valor) {
    $data[] = array(
        "name"    => $valor->names,
        "message" => $valor->message,
        "date"    => $valor->datein
    );
}

echo json_encode($data); 

然后，要显示它：

$.post(url, function( data ) { // Fires an Ajax POST request

    alert("Got messages: " + data); // Alerts a String

    var messages = JSON.parse(data), // Turns the String into an Object you can manipulate
        content = '';

    $.each(messages, function(index,e){
        var time = e.date.substr(-8,5); // Extracts time from date
        content += time + ' ' + e.name + ': ' + e.message + '<br>';
    }); 

    $("#chatbox").append(content);

});

$.post（url，函数（数据）{//触发Ajax post请求
警报（“获取消息：+数据）；//警报字符串
var messages=JSON.parse（data），//将字符串转换为可以操作的对象
内容=''；
$.each（消息、函数（索引、e）{
var time=e.date.substr（-8,5）；//从日期中提取时间
content+=time+''+e.name+'：'+e.message+'
'；
}); 
$（“#聊天室”）。附加（内容）；
});

演示

var消息=[
{“姓名”：“Rildo”，“信息”：“某物”，“日期”：“2015-07-01 11:12:34”}，
{“姓名”：“Rildo”，“信息”：“某物”，“日期”：“2015-07-01 11:14:30”}
],
内容=''；
$.each（消息、函数（索引、e）{
var时间=e.date.substr（-8,5）；
content+=time+''+e.name+'：'+e.message+'
'；
});
$（“正文”）。附加（内容）
为什么每个属性有一个对象？如果您收到类似以下内容，则更有意义：
[{“name”：“Rildo”，“message”：“something”，“date”：“2015-07-01 11:12:34”}，{“name”：“Rildo”，“message”：“something”，“date”：“2015-07-01 11:14:30”}
我想我的php有问题，我刚开始学习如何编写代码，所以类似的事情经常发生在我身上。我将编辑以显示我的php代码。请查看我关于php部分的答案，并告诉我这是否解决了问题。好的，谢谢你的帮助，我将尝试一下。
$.post(url, function( data ) { // Fires an Ajax POST request

    alert("Got messages: " + data); // Alerts a String

    var messages = JSON.parse(data), // Turns the String into an Object you can manipulate
        content = '';

    $.each(messages, function(index,e){
        var time = e.date.substr(-8,5); // Extracts time from date
        content += time + ' ' + e.name + ': ' + e.message + '<br>';
    }); 

    $("#chatbox").append(content);

});