Ajax-loader in tyymeleaf spring

Question

Я использую запрос POST в моем приложении тимэлеафа/пружины MVC.

$('#rpp').on('change', function() { 
    var url = [[${url_current}]]; 
    var rpp = $('#rpp').val(); 
    var data = { 
     rpp: rpp 
    }; 

    $('#productList').load(url, data); 
}); 

Это мой код. Как добавить ajax-загрузчик до загрузки элементов?

Answer 1

Что-то вроде этого следует сделать трюк

$('#rpp').on('change', function() { 
    var url = [[${url_current}]]; 
    var rpp = $('#rpp').val(); 
    var data = { 
     rpp: rpp 
    }; 
    $('body').append('<div id="ajax-loading"></div>'); 
    $('#productList').load(url, data, function(){ // callback when completed 
     $('#ajax-loading').remove(); 
    }); 
}); 

где # Аякса-погрузчик стилизовано под loading.gif или то, что вы выбираете.