Wie lade ich Dateien asynchron mit jQuery und AJAX hoch?

Hallo! Ich bin neu in JavaScript und jQuery und habe ein Problem beim Hochladen von Dateien auf den Server. Ich benötige, dass die Datei asynchron (ohne Seitenneuladung) an den Server gesendet wird. Ich habe versucht, ein normales `

` mit `enctype="multipart/form-data"` zu verwenden, aber die Seite lädt trotzdem neu. Hier ist, was ich versucht habe: ```html Hochladen

``` Beim Absenden des Formulars empfängt der Server die Datei, aber die Seite lädt neu. Ich habe gehört, dass man jQuery und AJAX für asynchrones Hochladen verwenden kann, verstehe aber nicht, wie man es richtig macht. Ich weiß, dass es ein `FormData`-Objekt gibt, bin mir aber nicht sicher, wie ich es mit jQuery anwenden soll. Könnt ihr mir bitte erklären, wie man das implementiert?