Javascript 没有收到消息
SocketIO版本1.3.6 Python 3.6 我在python应用程序中使用Flask SocketIO发送和接收消息。我能够发送消息(我在终端中看到输出),但客户端没有接收到消息(控制台中没有输出) 聊天窗口HTML:Javascript 没有收到消息,javascript,python,flask,socket.io,flask-socketio,Javascript,Python,Flask,Socket.io,Flask Socketio,SocketIO版本1.3.6 Python 3.6 我在python应用程序中使用Flask SocketIO发送和接收消息。我能够发送消息(我在终端中看到输出),但客户端没有接收到消息(控制台中没有输出) 聊天窗口HTML: <div id="wrapper"> <div id="menu"> <p class="welcome">Welcome<b></b></p> <p
<div id="wrapper">
<div id="menu">
<p class="welcome">Welcome<b></b></p>
<p class="logout"><a id="exit" href="#">Exit</a></p>
<div style="clear:both"></div>
</div>
<div id="chatbox"></div>
<form name="message" action="">
<input name="usermsg" type="text" id="usermsg" size="63" />
<input name="submitmsg" type="submit" id="submitmsg" value="Send" />
</form>
</div>
如果收到的消息有效,我应该在浏览器控制台中看到“收到的消息”
,但我看不到它。我错过了什么?有什么建议吗?如果您使用
提交表单,它将生成一个POST
请求,然后您的页面将被重新加载,这就是页面中的JS函数socket.on()
不会被调用的原因
显然,对于Flask SocketIO,您不需要使用POST请求。因此,只需将其更改为Send
并删除
标记,即:
<div id="wrapper" display = 'none'>
...
<div id="chatbox"></div>
<input name="usermsg" type="text" id="usermsg" size="63"/>
<button name="submitmsg" id="submitmsg">Send</button>
</div>
...
发送
你的问题中没有包含服务器端代码。@米格尔现在添加了服务器端代码。你看到console.log(“已连接”)
的输出了吗?@GreyLi是的,我看到了
from flask import Flask, render_template
from flask_socketio import SocketIO, send
app = Flask(__name__)
socketio = SocketIO(app)
@app.route("/")
def index():
return render_template('index.html')
@socketio.on('message')
def handleMessage(msg):
print('Message: ' + msg)
send(msg, broadcast=True)
if __name__ == '__main__':
socketio.run(app)
<div id="wrapper" display = 'none'>
...
<div id="chatbox"></div>
<input name="usermsg" type="text" id="usermsg" size="63"/>
<button name="submitmsg" id="submitmsg">Send</button>
</div>