Nik Faraday

Вот стандартная структура ajax [post] запроса:

let data = {
   variable: "stringVariableOrOther",
}

let jsonData = JSON.stringify(data);

$.ajax({
   url: 'Yout/Url/Path".
   method: "post",
   data: jsonData,
   dataType: 'json',
   contentType: 'application/json; charset=utf-8',
   success: (xhr) => {
       // Code here
   },
   error: (xhr) => {
      // Code here
   }
})

Данный шаблоном пользуюсь постоянно. Пробуйте

C# 4.0 это очень древний, нет смысла его читать. Microsoft каждый год планируется выпускать новую версию .NET, старые версии поддерживаются +- 3 года.
Конкретно за книги, они учат логики и философии кодинга, где можно рассказать примеры и объяснить принципы работы "Водой", что является очень важным аспектом, т.к. при собеседовании на фирме вам будут давать [возможно] тесты по языку и фреймворку, а так же тестовое задание, где будет оцениваться как работоспособность проекта, так и правильность написания.
Если смотреть в сторону профессиональных курсов, то вас будут ругать даже за неправильно названные переменные, это уже если не говорить об самой логике написния задачи.
Цель подобных книг - закрепить понимание языка, а не зазубрить синтаксис. Тот же metanit показывает сугубо синтаксис и как правильно его юзать, но он вас никогда не будет учить, где его использовать, как и при каких условиях, почему этот метод плох, а где он будет незаменим.
Но для новичков лучше не наседать на книги, а делать упор на практику, но без "поводыря" очень сложно, т.к. если у вас не понимания самой логики построения, вам будет очень сложно что-то делать в будущем.

Тут очень хороший пример с математикой: что бы быть хорошим математиком, ты должен не знать математику, ты должен её понимать. В программировании аналогично

1. Пользователь выбирает option
2. Нажимает на a(download) и после этого скачивает файл

В данный момент уже при выборе option - идёт переход на страницу с value, есть возможность это действие заблокировать?

Повешайте на обработчик, который будет сохранять value в отдельную переменную, и только после нажатия на кнопку будет передавать/открывать/скачивать по данной переменной

1) Проверьте существование файла по указанному пути
2) Писать путь к файлу прямым текстом - плохая практика, такие данные нужно хранить где-то в константном виде, либо в конфигурации
3) Попробуйте записать в файл каждого юзера "По свойственно", т.е. каждое свойство/поле записать отдельно, это всё в цикле для каждого юзера
4) Запустите дебаг (Для 3го пункта), проверьте, что находится в файле после записи каждого юзера
5) Вообще, используйте базу данных)))

Вам нужно такую проверку

f ($(this).hasClass('active')) {
console.log('active')
};

делать после какого-то действия. jQuery не имеет возможности отслеживать изменения классов. Почитайте тут.

Сделал по другому - через ajax, что бы не использовать Url.Action. Ниже привёл часть скрипта:

buttons[i].onclick = () => {
        let buttonId = buttons[i].id.split('-')[1];
        let note = document.getElementById('note-' + buttonId).innerHTML;
        noteModal.innerHTML = note;

        $("#delete-note-btn").on('click', () => {
            let data = {
                NoteId: buttonId,
                ClientId: @Model.ClientId,
            };

            let jsonData = JSON.stringify(data);

            $.ajax({
                url: '@Url.Action("Delete", "Note")',
                method: 'post',
                data: jsonData,
                dataType: 'json',
                contentType: 'application/json; charset=utf-8',
                success: (response) => {
                    document.getElementById('modal-close-button').click();
                    setTimeout(() => {
                        location.reload();
                    }, 500);
                },
                error: (response) => {
                    // Autoredirect to error view
                },
            });
        });
    }