根据视图尺寸计算从服务器加载的产品数量

我正在开发Spring-MVC应用程序。在这里，我想用Ajax请求加载数据库中的产品。在这样做的时候，我必须检查用户设备的视图大小，然后计算它在即时视图中可以看到的多少产品，并且具有相当数量的滚动。例如：在PC或笔记本电脑上加载30/40产品是正常的，但在移动设备上的10-15种产品也就足够了根据视图尺寸计算从服务器加载的产品数量

我目前拥有客户端功能来获取视图尺寸屏幕。我想知道如何根据屏幕尺寸计算从服务器加载的最佳产品数量。我发布我的ajax函数，帮助它。

的Ajax功能：在listallproducts/1 1页码

$(document).on('click','.product-image', function(event){ 
       $.ajax({ 
       url: '../listallproducts/1', 
       type: 'POST', 
       success: function(response){ 
         var newElement = $.parseHTML(response); 
         $(newElement).find(".products").css("display", "none"); 
         $(newElement).find(".products").addClass("loadedProduct"); 
           $("#freewall").append($(newElement).find(".products")); 
           initializeFreewall(); 
           $("#freewall").find('.products').fadeIn(500); 
       }, 
           error: function(xhr, status, error){ 
             alert("Da ist etwas schiefgelaufen" + xhr.responseText); 
           } 
     }); 
     });

任何指针欢迎。谢谢。

来源

2015-01-08 We are Borg

您可以简单地计算JavaScript中的产品数量，对不对？如：

var productsView = 20; 
if(screenSize<SCREENSIZEHERE){ 
    productsView = 10; 
}

然后只需发送当前显示产品的偏移号+带有AJAX请求的productsView。（我建议的情况下，使用的补偿号码代替页码屏幕尺寸的变化。）随着“URL：”，“类型：”和“更迭：”放：

data: { productsView: productsView, offset: offset },

我希望这有助于..

来源

2015-01-08 11:38:01 Nils

根据视图尺寸计算从服务器加载的产品数量

回答

相关问题