Question

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

我在这里上传了一般结构的图像：

http://tinypic.com/r/2myvhno/8

所以它的对话会列出一列，而对话本身就是正确的列。当用户点击对话时，右侧的正确会话将会弹出，所以我认为这需要一些ajax来刷新页面，同时发送php代码以查询数据库以进行基于ID。

所以一般功能的工作原理如下：

用户选择对话，对话显示在右侧。
用户选择另一个对话，对话右侧更改。

我很好用php和查询数据库来获得对话，但不熟悉允许用户选择对话以及显示正确对话所需的ajax / javascript和html。

非常感谢。

Answer 1

我假设您通过“#user_id”进行对话。并执行以下操作

你需要这样的东西， 1）给一个正确的id，说“#right”

2）包含必要的jquery库后，获取特定用户的click事件

$(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
    });
});

your_path_to_a_php_file_that_gives_you_the_conversation.php此处将对话回显为html代码，例如echo "<li>conversation line</li>";

会话列表系统

1 个答案: