Php JQuery/AJAX动态显示聊天消息？

我正面临一个问题，我需要你的帮助来解决它。 现在，我必须在此布局下显示消息：

我用Javascript/JQuery检测到不同对话上的点击，所选对话背景会像图片上一样突出显示，现在我必须在messages容器中显示所选对话中的消息

每个对话div中都有一个对话id：

<div id="1" class="conversation"></div>

但是如何显示它们，因为我不能将php与javascript结合使用（对吗？）

我正在使用此代码获取单击的对话：

$('.conversation').click(function() {
    $('.text').removeClass('highlightedtext');
    $(this).find('.text').addClass('highlightedtext');
    $('.conversation').removeClass('highlightedconversation');
    $(this).addClass('highlightedconversation');
});

简历：

我需要使用SQL查询在messages容器中显示链接到所选对话的消息

我需要在选择其他对话时清除消息容器，然后再次显示所选对话

---

使用JSON编码的php数组，一切正常，我使用以下Javascript代码：

$.ajax({
      type: 'POST',
      url: 'checkmessage.php',
      data: { id: $(this).attr('id') },
      dataType: 'json',
      cache: false,
      success: function(result) {
        var text = "";
        var i, j;

        for (i = 0; i < result.length; ++i) {
          text += "<div class='msg'>"
          for (j = 0; j < result[i].length; ++j) {
            text += result[i][j];
          }
          text += "</div><br>"
          $('#messagescontainer').append(text);
          text = "";
        }
      },
      error: function (request, status, error) {
        alert(request.responseText);
      }
    });

$.ajax({
键入：“POST”，
url:'checkmessage.php'，
数据：{id:$（this.attr（'id'）}，
数据类型：“json”，
cache:false，
成功：功能（结果）{
var text=“”；
varⅠ，j；
对于（i=0；i”
$（'#messagescontainer'）。追加（文本）；
text=“”；
}
},
错误：功能（请求、状态、错误）{
警报（request.responseText）；
}
});

如果您想在不刷新页面的情况下执行此操作，则必须使用

ajax

如

jQuery.post（）

、

jQuery.get（）

或

jQuery.getJSON（）

。请试一试，谢谢，我使用了ajax和JSON数组，效果非常好。

$.ajax({
      type: 'POST',
      url: 'checkmessage.php',
      data: { id: $(this).attr('id') },
      dataType: 'json',
      cache: false,
      success: function(result) {
        var text = "";
        var i, j;

        for (i = 0; i < result.length; ++i) {
          text += "<div class='msg'>"
          for (j = 0; j < result[i].length; ++j) {
            text += result[i][j];
          }
          text += "</div><br>"
          $('#messagescontainer').append(text);
          text = "";
        }
      },
      error: function (request, status, error) {
        alert(request.responseText);
      }
    });