Проблема с асинхронной загрузкой файла с использованием jQuery

Я хотел бы реализовать асинхронную загрузку файла с помощью jQuery. Вот мой код:

$(document).ready(function () {
    $("#uploadbutton").click(function () {
        var filename = $("#file").val();

        $.ajax({
     ...

Я хотел бы отправить некоторые данные с помощью XMLHttpRequest в JavaScript.

У меня есть следующая форма в HTML:

Как я могу написать эквивалентный код с использованием XMLHttpRequest в JavaScript?