Ajax-百里香叶中的装载机 spring

Question

我在 thymeleaf/spring MVC 应用程序中使用 POST 请求。

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

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

这是我的代码。如何添加 ajax-loader 直到项目加载？

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();
   });
});

其中 #ajax-loader 的样式为 loading.gif 或您选择的样式。

Ajax-百里香叶中的装载机 spring

Ajax-loader in thymeleaf spring

ajax

jquery

spring

spring-mvc