Question

我在这里失败了。我是Web开发的新手，对HTML / CSS / JS（jQuery）有很好的经验。我尝试仅使用我所知道的来构建聊天应用程序。我将其上传到网络服务器，发现当其他人在另一台计算机上打字时，来自在网站上打字的其他人的消息也不会显示出来。我认为让jQuery将元素添加到无序列表中，它会显示给每个连接到该网站的人。您是否认为通过编辑我的一些代码可以实现我的目标？或者我完全偏离过程并尝试这样做不可能（仅使用JS / jQuery）。如果是第二个，请你指导我正确的方向。 HTML：

<html>
<head>
<script src="http://www.codehelper.io/api/ips/?js"></script>
<script src="http://code.jquery.com/jquery-1.8.0.min.js"></script>
<script src="js/jQuery.js"></script>
<title>Instant Messenger</title>
</head>
<link rel="stylesheet" href="css/style.css"/>
<body>
    <div class="Talk">
<ul>
</ul>
</div>
<form>
    <div class="Messages">
Message: <input type="text" id="Message" size="100px">
<input type="submit" id="submit">
    </div>
</form>

</body>

</html>

CSS：

@import url("http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,900");


.Messages{
    position: fixed;
    bottom: 10;
}

JS：

$(document).ready(function(){
    $("#submit").click(function(e){
        //alert(codehelper_ip.IP);
        //alert(codehelper_ip.CityName);
        e.preventDefault();
        var Input = $("#Message").val();
        //alert(Input);
        $(".Talk ul").append('<li>'+'['+ codehelper_ip.CityName +'~'+codehelper_ip.IP+']'+Input+'</li>');
        $("#Message").val("");
    });
setInterval(main,500);
});

function main(){
    var count = $(".Talk li").length;
    if(count >= 20 ){
        //alert("20th");
         $(".Talk li").remove();
    }

}

Answer 1

这与您正在使用的技术无关。您需要一个Meteor服务器，一个node.js socket.io服务器或一些其他服务器，它们会将消息从您传输给其他用户（反之亦然）。就目前而言，您只是将用户键入的消息添加到他在浏览器中的页面副本中。聊天应用程序实际上相当困难，您肯定需要更深入地了解Web的工作方式;并且你不能在大多数网络托管服务提供商那里做到这一点，因为他们只支持Apache（实际上很棒，不能为聊天应用程序做什么）。

使用jQuery创建一个messenger应用程序（失败）

1 个答案: