0

我正在做一个简单的 php 聊天应用程序，它通过 ajax 将消息输入发送到服务器并将其保存在文本文件中。现在，它检索文本文件中的所有数据并通过 ajax 以数组形式将其发送给客户端。现在我想做的是用数组的内容作为html填充一个名为“聊天框”的div，但没有任何反应，而且除了“：未定义”之外，firebug中没有任何错误。

这是代码：

<script type="text/javascript">
            // setInterval(function(){alert("Hello");}, 5000);
            $(document).ready(function() {
                function getchat(messages)
                {
                    var chat = $(".chat-box").html();
                    for (var i=0; i < messages.length; i++)
                    {
                        var msg = messages[i].split(':');
                        var name = msg[0];
                        var post = msg[1];
                        $(".chat-box").html(chat + "<div class='bubble'>" + name + " : " + post + "</div>");

                    }
                }

                $("#btnPost").click(function() {
                    var msg = $("#chat-input").val();
                    if (msg.length == 0)
                    {
                        alert ("Enter a message first!");
                        return;
                    }
                    var name = $("#name-input").val();
                    var chat = $(".chat-box").html();
                    //$(".chat-box").html(chat + "<br /><div class='bubble'>" + msg + "</div>");

                    var data = {
                        Name : name,
                        Message : msg
                    };
                    $.ajax({
                        type: "POST",
                        url: "chat.php",
                        data: {
                            data: JSON.stringify(data)
                        },
                        dataType: "json",
                        success: function(chat) {
                            getchat(chat)
                        }
                    });
                });
            });
        </script>
4

2 回答 2

1

试试这个来更新聊天框：

var index = messages[i].indexOf(':');
var name = messages[i].substring(0, index);
var content = messages[i].substring(index + 1);
var $newMessage = $('<div>')
        .addClass('bubble')
        .text(name + " : " + content);
$(".chat-box").append($newMessage);

如果这不起作用，请使用 . 检查服务器返回的消息是否正确console.log(messages)。

于 2013-10-24T13:34:23.767 回答
0

您说 div 称为聊天框。也许是这样的：

$(".chat-box")

也许你打算把它写成$("#chat-box")

于 2013-10-24T13:15:43.283 回答