需要帮助理解 Socket.io(node.js) 中的以下 jQuery 代码?
Need help understanding the following jQuery code in Socket.io(node.js)?
html 文件
<script>
var socket = io();
$('form').submit(function(){
socket.emit('chat message', $('#m').val());
$('#m').val('');
return false;
});
socket.on('chat message', function(msg){
$('#messages').append($('<li>').text(msg));
});
</script>
io.on( "connection", function(socket)
{
console.log( "A user connected" );
socket.on('disconnect', function(){
console.log('user disconnected');
});
socket.on('chat message', function(msg){
console.log('message: ' + msg);
});
socket.on('chat message', function(msg){
io.emit('chat message', msg);
});
});
我不明白 jQuery 语法中的这部分代码:
$('#m').val('');
return false;
因为我已经通过 socket.emit('chat message', $('#m').val());
发送我的套接字输入值,为什么输入字段 "m"(它只是我表单中的一个输入字段)需要设置为空字符串?然后 return 之后的错误部分?代码运行良好,它来自 socket.io/chat
请解释jQuery方面。
一行一行看:
socket.emit('chat message', $('#m').val());
此行将聊天消息发送为 #m
字段中指定的值。
$('#m').val('');
消息发送后,此行清除#m
字段中的值。
return false;
返回 false 会停止默认事件行为,在本例中会停止提交 form
元素。如果您愿意,也可以在传入的 event
上使用 preventDefault()
。
html 文件
<script>
var socket = io();
$('form').submit(function(){
socket.emit('chat message', $('#m').val());
$('#m').val('');
return false;
});
socket.on('chat message', function(msg){
$('#messages').append($('<li>').text(msg));
});
</script>
io.on( "connection", function(socket)
{
console.log( "A user connected" );
socket.on('disconnect', function(){
console.log('user disconnected');
});
socket.on('chat message', function(msg){
console.log('message: ' + msg);
});
socket.on('chat message', function(msg){
io.emit('chat message', msg);
});
});
我不明白 jQuery 语法中的这部分代码:
$('#m').val('');
return false;
因为我已经通过 socket.emit('chat message', $('#m').val());
发送我的套接字输入值,为什么输入字段 "m"(它只是我表单中的一个输入字段)需要设置为空字符串?然后 return 之后的错误部分?代码运行良好,它来自 socket.io/chat
请解释jQuery方面。
一行一行看:
socket.emit('chat message', $('#m').val());
此行将聊天消息发送为 #m
字段中指定的值。
$('#m').val('');
消息发送后,此行清除#m
字段中的值。
return false;
返回 false 会停止默认事件行为,在本例中会停止提交 form
元素。如果您愿意,也可以在传入的 event
上使用 preventDefault()
。