Recientemente escribí una sala de chat y usé el ejemplo del sitio web oficial de scoket.io para copiar y pegar directamente. Sin embargo, después de escribirlo, envié un mensaje y los datos aparecieron brevemente y luego se actualizó la página. , wtf?
"Después de obtener finalmente los datos, se habían ido. Finalmente, después de estudiar el front-end y el back-end, descubrí que el sitio web oficial que copié del front-end es un formulario. Es gracias a él. El botón enviar es un sumbit. Siempre que envíe, él cree que envió el formulario. Luego, la acción desencadenada después del envío está directamente en la página de la carta. ! !
Luego eliminé directamente el formulario, incluidos todos los botones dentro, del código del sitio web oficial, y escribí un botón normal a mano, que se resolvió perfectamente, y la página no se actualizaba después del envío.
Para el código en el sitio web oficial, se recomienda escribir el botón usted mismo y se recomienda no usarlo
<body>
<ul id="messages"></ul>
<form id="form" action="">
<input id="input" autocomplete="off" /><button>Send</button>
</form>
</body>
codigo escrito por mi
<div class="bttons">
<input type="text" id="input" autocomplete="off" />
<button onclick="btns()" id="one">Send</button>
</div>
De esta manera, la página no se actualizará automáticamente, ¡lo cual es una solución perfecta!