Чего вам надо, показать крутилку во время запроса сервера? Ну так какие проблемы, например, в jQuery, который судя по коду вы используете, есть два метода: .ajaxStart() - устанавливает обработчик запуска ajax-запроса, при условии, что в этот момент не выполняются другие ajax-запросы, и .ajaxStop() - устанавливает обработчик завершения всех текущих ajax-запросов, то есть, обработчик будет вызван только по завершению последнего активного запроса.
Обработчики можно установить на любой элемент, например так:
$(document).on({
ajaxStart: function() {/*показываем крутилку*/},
ajaxStop: function() {/*скрываем крутилку*/}
});
Вот только использовать jQuery и в тоже время писать такие портянки:
var tarif = document.getElementById('tarif').value;
var period = document.getElementById('period').value;
var blank = document.getElementById('blank').value;
....
это плохо, есть в нем методы .serialise() и .serialiseArray().