Конкретный скрипт под эту задачу вы навряд ли найдете, но решение подсказать могу:
Footer находится на заднем плане страницы, то есть с меньшим z-index, чем у основного контента, также у него фиксированное позиционирование, которое привязывает его к низу страницы. Таким образом footer изначально есть на экране, но его не видно, а у контента задается отступ снизу, равный высоте footer (вычисляется через js), из всего этого получается, что при прокрутке страницы до конца основного контента, под ним остается пустое пространство, которое уже не может закрыть footer и он уже становится виден все больше по мере прокрутки.

В общем-то ответ уже давно изобретен. Это сборщики проектов. Для совсем полной автоматизации, то есть прописали в проекте "import 'bootstrap'" и он сам подключился - parcel, в остальном будет более чем достаточно webpack. Как это работает? В документации и на ютубе есть подробные гайды по настройке, по сути сборщик проектов превращает весь ваш огромный декомпозированный на логические модули проект в один файл - bundle.js (классическое название). Далее этот файл подключается в index.html и вуаля – полностью рабочий проект в одном файле со стилями и логикой. Также не забывайте о пакетных менеджерах – npm или yarn, они предоставляют удобные команды для автоматической установки/обновления всех нужных пакетов, которые вы можете в последствии импортировать в проект из папки node_modules, куда они устанавливаются. Сохраняется все в package.json, там же обычно и содержится информация о проекте.

Насчет ajax-запросов, посоветую fetch API. Это встроенная в javascript функциональность, которая позволяет делать запросы на бэкенд. Документация
Пример:

fetch('http://твой-url/', {
   // Параметры ниже не обязательны, по умолчанию метод GET
   method: 'POST', // любой твой метод
   mode: "cors", // no-cors, cors, *same-origin
   cache: "no-cache",  // *default, no-cache, reload, force-cache, only-if-cached
   credentials: "same-origin", // include, *same-origin, omit
   headers: {
      // Здесь твои заголовки
      "Content-Type": "application/json",
   },
   // Тут тело запроса с информацией, которую отправляешь серверу, переменная data – javascript-объект
   body: JSON.stringify(data)
})
.then(response => {
   // Тут пиши что делаешь после выполнения запроса
})
.catch(error => {
   // Тут пиши обработку возникшей ошибки, пример ниже:
   console.log(error);
})