首页帮我写一个html从django后端实时获取消息的代码

帮我写一个html从django后端实时获取消息的代码

时间: 2023-04-01 17:04:41 浏览: 90

可以使用 JavaScript 中的 WebSocket 对象来实现从 Django 后端实时获取消息的功能。以下是一个简单的示例代码： ```html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>实时获取消息</title> </head> <body> <ul id="message-list"></ul> <script> // 创建 WebSocket 对象 const socket = new WebSocket('ws://localhost:800/ws/'); // 监听 WebSocket 连接事件 socket.addEventListener('open', event => { console.log('WebSocket 连接已建立'); }); // 监听 WebSocket 消息事件 socket.addEventListener('message', event => { console.log('收到消息:', event.data); const messageList = document.getElementById('message-list'); const li = document.createElement('li'); li.textContent = event.data; messageList.appendChild(li); }); </script> </body> </html> ``` 在上面的代码中，我们创建了一个 WebSocket 对象，并指定了连接的地址。在连接成功后，我们监听了 WebSocket 的消息事件，并将收到的消息添加到页面上的一个无序列表中。需要注意的是，上面的示例代码中的 WebSocket 连接地址是 `ws://localhost:800/ws/`，这是一个示例地址，实际使用时需要根据自己的后端代码来修改。另外，如果你的后端使用的是 HTTPS 协议，那么需要使用 `wss://` 开头的地址来建立 WebSocket 连接。

阅读全文