Всплывающий иконка svg загрузки при отправки данных с формы, как добавить в форму svg иконку?

Question

[Антон Вебсайтовский]

Всем привет, как добавить иконку загрузки в скрипт, есть форма, нажимаю добавить кнопку, надо чтоб всплывал этот svg, пока идет обработка.

<div id="ajax-loader">
   <div class="load">
     <object type="image/svg+xml" data="/media/svgloader/ajax-loader.svg"><img src="/media/svgloader/ajax-loader.svg"></object>
   </div>
 </div>

Скрипт

if (!errors) {
         var data = $('#callback').serialize();
         $.ajax({
           url: 'callback.php',
           type: 'POST',
           data: data,
           success: function(res) {
             if (res == 1) {
               alert('Письмо отправлено, в ближайшее время Вам перезвонит менеджер.');
               document.getElementById('callback').reset() //отчистка полей в форме после отправки
             } else {
               alert('Ошибка отправки, попробуйте повторить отправку позднее.');
             }
           },
           error: function() {
             alert('Ошибка!');
           }
         });
       }

Comments

[Сергей Сергей]

например

$.ajax( /*...*/ );
  $( '#callback' ).children().ddetch();
  $( '#callback' ).append( $( '#ajax-loader' ) );

[Антон Вебсайтовский]

Сергей Сергей, вот так тож работает, $('#ajax-loader').show();

Вот замутил:
Чтобы и скрывалось когда отправка произошла.

if (!errors) {
         var data = $('#formtexosmotr').serialize();

         var data = new FormData(this); //для передачи файлов

         $.ajax({
           url: 'pay.php',
           type: 'POST',
           processData: false, //для передачи файлов
           contentType: false, //для передачи файлов
           data: data,
           success: function(res) {
             if (res == 1) {
               alert('Письмо отправлено, в ближайшее время Вам перезвонит менеджер.');
               document.getElementById('formtexosmotr').reset() //отчистка полей в форме после отправки
               $('#ajax-loader').hide(); //скрыть лоайдер
             } else {
               alert('Ошибка отправки, попробуйте повторить отправку позднее.');
             }
           },
           error: function() {
             alert('Ошибка!');
           }
         });
         $('#ajax-loader').show(); //показывать лоадер пока идет процесс отправки
       }