¿Cómo cargar archivos asincrónicamente con jQuery y AJAX?

¡Hola! Soy nuevo en JavaScript y jQuery, y tengo un problema con la carga de archivos al servidor. Necesito que el archivo se envíe al servidor sin recargar la página (asincrónicamente). Intenté usar un `

` normal con `enctype="multipart/form-data"`, pero la página igual se recarga. Esto es lo que probé: ```html Cargar

``` Al enviar el formulario, el servidor recibe el archivo, pero la página se recarga. Escuché que se puede usar jQuery y AJAX para la carga asincrónica, pero no entiendo cómo hacerlo correctamente. Sé que existe el objeto `FormData`, pero no estoy seguro de cómo aplicarlo con jQuery. Por favor, indíquenme cómo implementar la carga asincrónica de un archivo con jQuery. Necesito un ejemplo funcional con explicación para poder entenderlo y aplicarlo en mi proyecto. ¡Gracias de antemano! <<>>

Uso de jQuery y