index

Posted 2020-09-28 道微真理

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了index相关的知识，希望对你有一定的参考价值。

<!DOCTYPE html>
<html>
<head>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
    <script>
        $(function(){
            var ws = new WebSocket("ws://localhost:12001");

            ws.onopen = function (e) {
                $(‘#incomingChatMessages‘).append($(‘<li>Connected</li>‘));
            };

            ws.onmessage = function(message) {
                $(‘#incomingChatMessages‘).append($(‘<li></li>‘).text(message));
            };

            ws.onerror = function() {
                $(‘#incomingChatMessages‘).append($(‘<li>Connected</li>‘));
            };

            $(‘#outgoingChatMessage‘).keypress(function(event) {
                if(event.which == 13) {
                    event.preventDefault();
                    ws.send($(‘#outgoingChatMessage‘).val());
                    $(‘#incomingChatMessages‘).append($(‘<li></li>‘).text($(‘#outgoingChatMessage‘).val()));
                    $(‘#outgoingChatMessage‘).val(‘‘);
                }
            });
        });
    </script>
</head>
<body>
Incoming Chat:&nbsp;<ul id="incomingChatMessages"></ul>
<br />
<input type="text" id="outgoingChatMessage">
</body>
</html>

以上是关于index的主要内容，如果未能解决你的问题，请参考以下文章