Javascript 会话列表系统

我实际上正在构建一个对话系统，我有一个页面，显示用户的所有对话，并允许用户选择要回复的对话，总体设计如下：

我在这里上传了一张总体结构的图片：

因此，它类似于会话列出了一列，而会话本身选择了正确的列。当用户单击对话时，右侧正确的对话将弹出，因此我认为这需要一些ajax来避免在发送php代码时刷新页面，从而根据id查询数据库中的对话

因此，一般功能如下所示：

用户选择对话，对话显示在右侧。 用户选择另一个对话，右侧的对话将发生更改。 我很熟悉php和查询数据库来获取对话，但不熟悉允许用户选择对话和显示正确对话所需的ajax/javascript和html

---

非常感谢。

我假设您是通过用户id获取对话的。请按照以下步骤进行操作

你需要这样的东西， 我给右边一个身份证，说右边

2在包含必要的jquery库后，获取特定用户的点击事件

$(document).on("click", "#user_id", function(){
    var user_id = $(this).attr('id_of_particular_user'); //you are getting the user id here
     var request = $.ajax({
                        url: "your_path_to_a_php_file_that_gives_you_the_conversation.php",
                        type: "POST",
                        data: { user_id: user_id },
                        beforeSend: function(){
                            self.html("loading please wait...");
                        }
                    });

    //WHEN SUCCESS
    request.success(function( data ) {
        $("#right").html(data); //this line will replace the right with echoed content from php file
    });
});

您的\u路径\u到一个\u php\u文件\u，该文件\u为您\u提供了\u conversation.php，在这里将对话作为html代码进行回显，如回显对话行；

---

你已经试过什么了吗？有没有问题我正在考虑从哪里开始，我不确定的最重要的部分是，当用户单击左侧的另一个按钮时，如何更改右侧的对话Hi Arun，感谢您的回答，这对我来说很有意义，首先，我需要知道用户单击的是哪个对话，因此，我将左侧的对话列表div命名为user\u id，因此当jQuery检测到对div的点击时，它将检查分配给id为user\u id的div的特定user\u id，因为不同的用户与不同的人进行的对话数量不同。那么在它获得用户id值之后，它将其发送到php文件进行处理，返回数据并在右侧附加html，我这样说对吗？嘿，Arun，在编写代码时，我的php文件将结果回显到ajax，但我在右侧的对话中有几个div，其中包含了使其看起来漂亮所需的样式，如何将其与ajax结合起来，尤其是最后几行：request.successfunction data{$right.htmldata；//这一行将用php文件中的回显内容替换右侧内容}；哦，我想我明白了，我也需要在php端回显html，以便它们完全交换端，我会尝试一下，看看它是否有效。嘿，Arun，它给了我一个错误：SyntaxError:函数语句必须有一个名称。嗨，Arun，谢谢这个问题已经解决，我发布了一个新问题，你可能想看看：